CSS多列布局

效果：

我的爸爸剛剛30出頭，他的面容，要比他的年齡，成熟穩重的多，但是，他可沒有蒼老憔悴哦！爸爸的身高有180公分，體重75公斤，是個標準的型男身材。如果，我說我爸爸是個大帥哥，可一點也沒有撒謊呢！

在我們小區裡，就組建了乙個籃球隊，爸爸，可是他那隊裡的佼佼者呢！每當，我們小區和其他小區，有籃球比賽的時候，永遠都不會少了爸爸的身影。爸爸可是個投三分球的高手。

爸爸剪了當下最流行的一款髮式——毛寸。怎麼樣？說到這裡，我的爸爸是不是乙個十足的大帥哥？呵呵，我可是這麼認為的。

爸爸長了一張國字臉，臉上的五官，分布得特別的整齊、勻稱。兩道烏黑濃密的眉毛，一對兒亮晶晶閃閃發光的大眼睛，兩個眼珠黑白分明，還是雙眼皮。那高高的鼻樑，堅實而挺拔。長了乙個不大不小，剛剛合適的嘴。

style.css

@charset "utf-8";

divh1

CSS多列布局

多列布局適合純文字版式設計，如報紙內和雜誌類網頁布局，不適合做網頁結構布局。靈活使用多列布局特性，可以實現在多列中顯示文字和，從而節省大量的網頁空間。如果網頁上的文字很長，多列布局特性就能夠發揮它的用武之地。相容性參考 columns是多列布局特性的基本屬性，類似邊框特性中的border屬性，該屬性...

CSS多列布局

個人部落格 需要注意的是 本篇文章的布局，都未對父元素進行清除浮動的操作，所以在有一些使用了float的布局中，需要在parent容器清除浮動，才能在實際情況下使用。清除浮動的方式在這裡不做討論 這部分的html結構如下 left right right 大家先來看看直接在左側新增浮動是怎麼樣的吧 ...

CSS多列布局

css新增了多列布局特性，可以讓瀏覽器確定何時結束一列和開始下一列，無需任何額外的標記。簡單來說，就是css3多列布局可以自動將內容按指定的列數排列，這種特性實現的布局效果和報紙 雜誌類排版非常相似。本文將詳細介紹css多列布局的基本屬性和用法 注意 ie10 和chrome瀏覽器支援標準寫法，而f...