CSS3 module: Multi-column layout

80酷酷网    80kuku.com

  css 列出一些例子,看看这些属性是怎么工作的!一些图示去这里看看http://www.w3.org/TR/2001/WD-css3-multicol-20010118/
body { column-width: 15em;/*列宽*/ }
In the above example, the body element is set to have columns at least '15em' wide. The exact number of columns will depend on the available space.

The number of columns can also be set explicitly in the style sheet:
body { column-count: 2;/*两列布局*/ }
The shorthand 'columns' property can be used to set both properties in one declaration. The rule in the example below sets the same property/value pairs as the rules in the two examples above:
body { columns: 2 15em ;/*缩写*

分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: