<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頁(yè)面中方便實(shí)現(xiàn)類似報(bào)紙、雜志那種多列排版的布局, W3C特意給CSS3增加了一個(gè)多列布局模塊(CSS Multi Column? Layout Module)。它主要應(yīng)用在文本的多列布局方面,這種布局 在報(bào)紙和雜志上都使用了幾十年了,但要在Web頁(yè)面上實(shí)現(xiàn)這樣的 效果還是有相當(dāng)大的難度,慶幸的是,CSS3的多列布局可以輕松實(shí)現(xiàn)。 接下來(lái)咱們一起學(xué)習(xí)多列布局相關(guān)的知識(shí)。 </p> </div> </body>怎么才能讓他們頂部對(duì)齊呢?
為什么用css3把文字分欄的時(shí)候,右邊的總是比左邊的要高?
慕碼人0004322
2018-03-14 19:34:17