为什么用css3把文字分栏的时候,右边的总是比左边的要高?

<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>

http://img2.mukewang.com/5aa908720001053707110431.jpg怎么才能让他们顶部对齐呢?

慕码人0004322
浏览 1767回答 1
1回答

安然桑丶

你把属性设置到`p`上就平衡了
打开App,查看更多内容
随时随地看视频慕课网APP