CSS

跨列設置column-span

字號+ 編輯: Snake 修訂: 听风就是我 來源: 慕课网 2023-09-09 我要說兩句(0)

column-span主要用來定義一個分列元素中的子元素能跨列多少。column-width、column-count等屬性能讓一元素分成多列,不管裡面元素如何排放順序,他們都是從左向右的放置内容,但有時我們需要基中一段内容或一個標題不進行分列,也就是橫跨所有列,此時column-span就可以輕松實現。

6、跨列设置column-span

column-span主要用来定义一个分列元素中的子元素能跨列多少。column-width、column-count等属性能让一元素分成多列,不管里面元素如何排放顺序,他们都是从左向右的放置内容,但有时我们需要基中一段内容或一个标题不进行分列,也就是横跨所有列,此时column-span就可以轻松实现。

此属性的语法:

column-span: none | all

取值说明:

属性值属性值说明
none此值为column-span的默认值,表示不跨越任何列。
all这个值跟none值刚好相反,表示的是元素跨越所有列,并定位在列的z轴之上。

例如:将第一个标题跨越所有列,代码:

column-span:all;

效果如下:

图片15.png

閲完此文,您的感想如何?
  • 有用

    0

  • 沒用

    0

  • 開心

    0

  • 憤怒

    0

  • 可憐

    0

1.如文章侵犯了您的版權,請發郵件通知本站,該文章將在24小時内刪除;
2.本站標注原創的文章,轉發時煩請注明來源;
3.交流群: PHP+JS聊天群

相關課文
  • 多個高度相同, 屬性inline-block的div,有的div沒有内容而有的div有内容,有内容的會下沉?

  • 讓整個網頁全侷變成黑白色調的css代碼

  • CSS生成内容

  • CSS3外輪廓屬性

我要說說
網上賓友點評