<style type="text/css">
div{
width: 400px;
border: 2px dashed orange;
columns: 200px 2;
padding: 10px;
margin: 100px auto;
-webkit-columns: 100px 2;
-moz-columns: 200px 2;
-ms-columns: 200px 2;
vertical-align: top;
}
</style>
</head>
<body>
<div>
<p>
为了能在Web页面中方便实现类似报纸、杂志那种多列排版的布局,
W3C特意给CSS3增加了一个多列布局模块(CSS Multi Column
Layout Module)。它主要应用在文本的多列布局方面,这种布局
在报纸和杂志上都使用了几十年了,但要在Web页面上实现这样的
效果还是有相当大的难度,庆幸的是,CSS3的多列布局可以轻松实现。
接下来咱们一起学习多列布局相关的知识。
</p>
</div>
</body>
怎么才能让他们顶部对齐呢?
安然桑丶
相关分类