<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>怎么才能让他们顶部对齐呢?
添加回答
举报
0/150
提交
取消