大學(xué)生新聞網(wǎng)，大學(xué)生新聞發(fā)布平臺
CSS3 多列
通過 CSS3，您能夠創(chuàng)建多個(gè)列來對文本進(jìn)行布局 - 就像報(bào)紙那樣！
在本章中，您將學(xué)習(xí)如下多列屬性：
column-count
column-gap
column-rule
瀏覽器支持
屬性 瀏覽器支持
column-count
column-gap
column-rule
Internet Explorer 10 和 Opera 支持多列屬性。
Firefox 需要前綴 -moz-。
Chrome 和 Safari 需要前綴 -webkit-。
注釋：Internet Explorer 9 以及更早的版本不支持多列屬性。
CSS3 創(chuàng)建多列
column-count 屬性規(guī)定元素應(yīng)該被分隔的列數(shù)：
實(shí)例
把 div 元素中的文本分隔為三列：
div { -moz-column-count:3; /* Firefox */ -webkit-column-count:3; /* Safari 和 Chrome */ column-count:3; }
在本章中，您將學(xué)習(xí)如下多列屬性：
column-count
column-gap
column-rule
瀏覽器支持
屬性 瀏覽器支持
column-count
column-gap
column-rule
Internet Explorer 10 和 Opera 支持多列屬性。
Firefox 需要前綴 -moz-。
Chrome 和 Safari 需要前綴 -webkit-。
注釋：Internet Explorer 9 以及更早的版本不支持多列屬性。
CSS3 創(chuàng)建多列
column-count 屬性規(guī)定元素應(yīng)該被分隔的列數(shù)：
實(shí)例
把 div 元素中的文本分隔為三列：
div { -moz-column-count:3; /* Firefox */ -webkit-column-count:3; /* Safari 和 Chrome */ column-count:3; }
- 作者：大學(xué)生新聞網(wǎng) 來源：大學(xué)生新聞網(wǎng)
- 發(fā)布時(shí)間：2025-03-20 閱讀：
- 掃一掃 分享悅讀
- CSS3 用戶界面
- 在 CSS3 中，新的用戶界面特性包括重設(shè)元素尺寸、盒尺寸以及輪廓等。
- 03-20 關(guān)注：0
- CSS3 多列
- 通過 CSS3，您能夠創(chuàng)建多個(gè)列來對文本進(jìn)行布局 - 就像報(bào)紙那樣！
- 03-20 關(guān)注：0
- CSS3 動畫
- 通過 CSS3，我們能夠創(chuàng)建動畫，這可以在許多網(wǎng)頁中取代動畫圖片、Flash 動畫以及 JavaScript。
- 03-20 關(guān)注：1
- CSS3 過渡
- 通過 CSS3，我們可以在不使用 Flash 動畫或 JavaScript 的情況下，當(dāng)元素從一種樣式變換為另一種樣式時(shí)為元素添加效果。
- 03-20 關(guān)注：1
- CSS3 3D 轉(zhuǎn)換
- CSS3 允許您使用 3D 轉(zhuǎn)換來對元素進(jìn)行格式化。
- 03-20 關(guān)注：0
- CSS3 2D 轉(zhuǎn)換
- 通過 CSS3 轉(zhuǎn)換，我們能夠?qū)υ剡M(jìn)行移動、縮放、轉(zhuǎn)動、拉長或拉伸。
- 03-20 關(guān)注：0
- CSS3 字體
- 在 CSS3 之前，web 設(shè)計(jì)師必須使用已在用戶計(jì)算機(jī)上安裝好的字體。
- 03-20 關(guān)注：1
- CSS3 文本效果
- Internet Explorer 10、Firefox、Chrome、Safari 以及 Opera 支持 text-shadow 屬性。
- 03-20 關(guān)注：1
-
客服QQ：471708534 大學(xué)生新聞網(wǎng)©版權(quán)所有