FlexBox弹性盒子计算规则

2016-04-25
阅读 3 分钟
5.9k
和FlexBox弹性盒子计算规则相关的属性有: margin flex-basis flex-grow flex-shrink margin Flex容器每一行的宽度 = 每个子容器的宽度 + 子容器margin-left和margin-right的值 {代码...} 总width(400px) = 总margin(100px) + 每个item的宽度; 由于flex-basis属性值为0,剩余空间为400px,则各个子盒子会根据自身的flex-...

没有flexbox弹性盒子,但我们还有table

2015-11-10
阅读 3 分钟
5.3k
由于项目要兼容到IE9,因此将之前flex布局全部给换掉。今天leader让我看了kitecss这个css框架(里面的一些布局方式能比较好的兼容IE8+,里面有一些比较好的栅格布局,垂直居中等方案)。然后具体的学习了里面的一些css技巧和方法,总结如下:

table-cell布局

2015-10-29
阅读 2 分钟
6.1k
css2.1表格模型中的元素,可能不会全部包含在除HTML之外的文档语言中。这时,那些'丢失'的元素会被模拟出来,从而使得表格模型能够正常工作。所有的表格元素将会自动在自身周围生成所需的匿名table对象,使其符合table/inline-table、table-row、table-cell的三层嵌套关系。