摘要: Flex布局,可以简便、完整、响应式地实现各种页面布局。 浏览器支持:得到所有浏览器的支持。(注:Flex布局将成为未来布局的首选方案) 一. Flex布局的概念 Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 定 阅读全文
posted @ 2018-07-24 16:01 心无引擎,眼无流派 阅读(377) 评论(0) 推荐(0) 编辑
摘要: 首先来看看display: table的兼容性: 可以看到,除非你还要跟IE6/7较劲,否则display: table不需考虑兼容性。 接下来看看关于table的display可选值: table:指定对象作为块元素级的表格,相当于html标签<table> inline-table:指定对象作为 阅读全文
posted @ 2018-07-24 15:08 心无引擎,眼无流派 阅读(2313) 评论(0) 推荐(0) 编辑
摘要: 边界重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。 两个或多个块级盒子的垂直相邻边界会重合。 如果都是正边界,结果的边界宽度是相邻边界宽度中最大的值 如果出现负边界,则在最大的正边界中减去绝对值最大的负边界 如果没有正边界,则 阅读全文
posted @ 2018-07-24 14:15 心无引擎,眼无流派 阅读(1001) 评论(0) 推荐(0) 编辑