指定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;