为了账号安全,请及时绑定邮箱和手机立即绑定

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

/ 猿问

为什么用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.sycdn.imooc.com/5aa908720001053707110431.jpg怎么才能让他们顶部对齐呢?

查看完整描述

1 回答

已采纳
?
安然桑丶
你把属性设置到`p`上就平衡了
查看完整回答
反对 2018-03-14

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信