好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

第28章CSS3多列布局-水之原

学习要点:

1.早期多列问题

2.属性及版本

3.属性解释

主讲教师:李炎恢

本章主要探讨 HTML5 中 CSS3 提供的多列布局,通过多列布局我们方便的创建流体的多列布局。

一.早期多列问题

我们有时想布局成报纸、杂志那样的多列方式(至少两列,一般三列以上),但早期 CSS 提供的布局方式都有着极大的限制。如果是固体布局,那么使用浮动或定位布局都可以完成。但对于流体的多列,比如三列以上,那只能使用浮动布局进行,而它又有极大的限制。因为它是区块性的,对于动态的内容无法伸缩自适应,基本无能力。

//五段内容,分为三列

   div  > 
       p  >  
        我是第一段内容....省略的部分复制大量文本
        p  > 
       p  >  
        我是第二段内容....省略的部分复制大量文本
        p  > 
       p  >  
        我是第三段内容....省略的部分复制大量文本
        p  > 
       p  >  
        我是第四段内容....省略的部分复制大量文本
        p  > 
       p  >  
        我是第五段内容....省略的部分复制大量文本
        p  > 
   div  >  

查看更多关于第28章CSS3多列布局-水之原的详细内容...

  阅读:36次