CODEWITHSUNDEEP
htmlcss
user2318307
user2318307

Reputation:

Specify CSS3 Column's width

I want to make 3 columns using CSS3 column property. I also want to specify width those 3 column's width.

Is it possible to specify different width to different columns? Say I want col1 = 200px, col2 = 300px, col3=400px;

Please help me.

Upvotes: 1

Views: 256

Answers (2)

gauti
gauti

Reputation: 1274

You can try this..

Columns : (column width) (no of column).

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

Upvotes: -1

Darren
Darren

Reputation: 70728

#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/

Upvotes: 3

Related Questions