在一些文字内容较多的网站中，通常会采用多列布局的显示方式。在Dreamweaver中，实现多列布局的效果有两种方法，分别为浮动布局和定位布局，但由于浮动布局的灵活性太强，容易发生错位，因此大多使用CSS3.0中新增的column属性设置来实现网页多列布局的页面结构。

CSS 3.0新增了columns属性，该属性用于快速定义多列布局的列数目和每列的宽度。基于webkit内核的替代私有属性是-webkit-columns，gecko内核的浏览器暂不支持。

columns属性的语法格式如下。

columns: <column-width> | <column-count>;

<column-width>属性值用于设置每列的宽度；<column-count>属性值用于设置多列的列数。