摘要：
在Web应用程序中经常看到多列布局，今天共享4的多列布局。
显示：表格
复制代码代码如下所示：
{。表
宽度：自动；
最小宽度：1000px；
保证金：0汽车；
填充：0；
显示：表；
}
{使用。
显示：表行；
}
{。TableCell
border: 1px solid红；
显示：表单元格；
宽度：33%；
}
一
二
三
浮
复制代码代码如下所示：
{。行
浮点数：左；
宽度：33%；
border: 1px solid红；
}
一
二
三
显示：内联块
复制代码代码如下所示：
{。行
显示：内联块；
宽度：32%；
border: 1px solid红；
}
一
二
三
列数
复制代码代码如下所示：
{。柱
设置列的数目*
-moz列数：3； / * * /火狐
WebKit的Safari和Chrome列数：3； / * * /
列计数：3；
设置之间的间距*
-moz柱间隙：40px； / * * /火狐
WebKit的柱间隙：40px Safari和Chrome； / * * /
柱40px差距；
将规则设置在
-moz列规则：4px开始# FF0000； / * * /火狐
列的规则：4px WebKit的Safari和Chrome开始# FF0000； / * * /
列的规则：4px开始# FF0000；
}
总结：
上面的代码是在Chrome上测试的。如果你使用它，请注意兼容性。你可以问问题来问问题。
