column-fill 属性, 指定列之间高度 是否 对齐时使用。<规定如何对列进行填充>
属性值
balance&nbs p; 可能的话，所有的列内容以相同方法对齐（默认值） <对列进行协调。浏览器应对列长度的差异进行最小化处理。>
auto 后面的列填充在第一个列的后面。 <按顺序对列进行填充，列长度会各有不同。>
※<>内容为其他网站 转载 内容
实例代码
CSS Code 复制内容到剪贴板
<!DOCTY PE ht ML P ub LIC "-//W3C//DTD XHTML 1.0 Trans IT ional//EN" "http://HdhCmsTestw3. org /TR/xhtml1/DTD/xhtml1 -t ransitional.dtd" > <html XM lns= "http://HdhCmsTestw3.org/1999/xhtml" > <head> < ;m eta http-equiv= "Content-Type" content = "text/html; charset=utf-8" /> <title> column-fill </title> <style> div. PR efix_s am ple1, div.prefix_sample2 { width : 600px ; -moz-column- width : 10em; - webkit -column- width : 10em; -o-column- width : 10em; -ms-column- width : 10em; } div.prefix_sample1 p { -moz-column-fill: balance; -webkit-column-fill: balance; -o-column-fill: balance; -ms-column-fill: balance; } div.prefix_sample2 p { -moz-column-fill: auto ; -webkit-column-fill: auto ; -o-column-fill: auto ; -ms-column-fill: auto ; } </style> </head> <body> <div class= "prefix_sample" > <h5>LLLLLLLLL…</h5> <p> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa </p> <p> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa </p> <h5>LLLLL…</h5> <p> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa </p> <p> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa </p> </body> </html>
实例图
总结
以上是 为你收集整理的 CSS3的column-fill属性对齐列内容高度的用法详解 全部内容，希望文章能够帮你解决 CSS3的column-fill属性对齐列内容高度的用法详解 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
查看更多关于CSS3的column-fill属性对齐列内容高度的用法详解的详细内容...