css中column-gap屬性的使用方法

這篇文章主要介紹css中column-gap屬性的使用方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

公司主營業(yè)務：網(wǎng)站設計、成都網(wǎng)站制作、移動網(wǎng)站開發(fā)等業(yè)務。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。成都創(chuàng)新互聯(lián)是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。成都創(chuàng)新互聯(lián)推出晉源免費做網(wǎng)站回饋大家。

css column-gap屬性用于規(guī)定列之間的間隔，其語法是column-gap: length|normal，length把列間的間隔設置為指定的長度；normal規(guī)定列間間隔為一個常規(guī)的間隔。

css column-gap屬性怎么用？

作用：規(guī)定列之間的間隔。

語法：

column-gap: length|normal;

說明：length把列間的間隔設置為指定的長度。normal規(guī)定列間間隔為一個常規(guī)的間隔。W3C 建議的值是 1em。

注釋：如果列之間設置了 column-rule，它會在間隔中間顯示。Internet Explorer 10 和 Opera 支持 column-gap 屬性。Firefox 支持替代的 -moz-column-gap 屬性。Safari 和 Chrome 支持替代的 -webkit-column-gap 屬性。Internet Explorer 9 以及更早版本的瀏覽器不支持 column-gap 屬性。

css column-gap屬性使用示例

<!DOCTYPE html>
<html>
<head>
<style> 
.newspaper
{
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;
-moz-column-gap:30px; /* Firefox */
-webkit-column-gap:30px; /* Safari and Chrome */
column-gap:30px;
}
</style>
</head>
<body>
<p><b>注釋：</b>Internet Explorer 不支持 column-count 屬性。</p>
<div class="newspaper">
人民網(wǎng)北京2月24日電 (記者 劉陽)國家發(fā)展改革委近日發(fā)出通知，決定自2月25日零時起將汽、柴油價格每噸分別提高300元和290元，折算到90號汽油和0號柴油（全國平均）每升零售價格分別提高0.22元和0.25元。
此次國內(nèi)成品油價格調(diào)整幅度，是按照現(xiàn)行國內(nèi)成品油價格形成機制，根據(jù)國際市場油價變化情況確定的。去年11月16日國內(nèi)成品油價格調(diào)整以來，受市場預期歐美經(jīng)濟復蘇前景向好以及中東局勢持續(xù)動蕩等因素影響，國際市場原油價格先抑后揚，2月上旬WTI和布倫特原油期貨價格再次回升至每桶95美元和115美元以上。雖然近兩日價格有所回落，但國內(nèi)油價掛鉤的國際市場三種原油連續(xù)22個工作日移動平均價格上漲幅度已超過4%，達到國內(nèi)成品油價格調(diào)整的邊界條件。
通知指出，這次成品油調(diào)價后，國家將按照已建立的補貼機制，繼續(xù)對種糧農(nóng)民、漁業(yè)（含遠洋漁業(yè)）、林業(yè)、城市公交、農(nóng)村道路客運（含島際和農(nóng)村水路客運）等給予補貼。同時，為保證市場物價基本穩(wěn)定，防止連鎖漲價，對與居民生活密切相關(guān)的鐵路客運、城市公交、農(nóng)村道路客運（含島際和農(nóng)村水路客運）價格不作調(diào)整。
通知要求，中石油、中石化、中海油三大公司要組織好成品油生產(chǎn)和調(diào)運，保持合理庫存，加強綜合協(xié)調(diào)和應急調(diào)度，保障成品油供應。各級價格主管部門要加大市場監(jiān)督檢查力度，依法查處不執(zhí)行國家價格政策，以及囤積居奇、造謠惑眾、合謀漲價、搭車漲價等違法行為，維護正常市場秩序。
</div>
</body>
</html>

效果輸出：

css中column-gap屬性的使用方法

以上是css中column-gap屬性的使用方法的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

新聞標題：css中column-gap屬性的使用方法
文章鏈接：http://bm7419.com/article44/gegsee.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、品牌網(wǎng)站制作、網(wǎng)站收錄、自適應網(wǎng)站、App開發(fā)、手機網(wǎng)站建設

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

手機網(wǎng)站建設