html - 指定 CSS3 列的宽度

Question

我想使用 CSS3 列属性制作 3 列。我还想指定这 3 列的宽度。

是否可以为不同的列指定不同的宽度？假设我想要 col1 = 200px, col2 = 300px, col3=400px;

请帮我。

Answer 1

#columns {
  columns:100px 3;
  -webkit-columns:100px 3; 
  -moz-columns:100px 3; 
}

<div id="columns">
   Content here here
   Content here here
   Content here here
   Content here here
</div>

http://jsfiddle.net/hWbxk/

Answer 2

你可以试试这个。。

列：（列宽）（列数）。

columns:10px 3;
-webkit-columns:100px 4;
-moz-columns:100px 4;