CSS 3列（等高文本列）
2021-05-18 07:27
标签：使用 除了 web blog width 支持 css 扩展 sop css 3可以创建等高文本列，通过column-count、column-width、column-gap属性实现。假设标记如下： After philosophizing for a while...... 下面的规则创建一个三列布局，每列的宽度为14em，列之间有2em的间距。CSS列的优点之一是在可用的空间小于已定义列的宽度时的处理方式，列不会像使用浮动时那样回绕，而是会减少列数，因此，如果空间不够显示三列，就会减少到两列。 可以发现浏览器对CSS列的支持还不广泛，因此，除了常规代码，还需要使用特定于浏览器相关的扩展。 CSS 3列（等高文本列） 标签：使用 除了 web blog width 支持 css 扩展 sop 原文地址：http://www.cnblogs.com/lmjZone/p/7738612.htmlSocrates
.col {
-moz-column-count: 3;
-moz-column-width: 14em;
-moz-column-gap: 2em;
-moz-column-rule: 1px solid #ccc;
-webkit-column-count: 3;
-webkit-column-width: 14em;
-webkit-column-gap: 2em;
-webkit-column-rule: 1px solid #ccc;
}