溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下css中column-span屬性的使用方法，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！
css column-span屬性用于規(guī)定元素應橫跨多少列，其語法是column-span: 1|all，1元素應橫跨一列，all元素應橫跨所有列。
css column-span屬性怎么用？
作用：規(guī)定元素應橫跨多少列。
語法：
column-span: 1|all;
說明：1 元素應橫跨一列。all 元素應橫跨所有列。
注釋：Internet Explorer 10 和 Opera 支持 column-span 屬性。Safari 和 Chrome 支持替代的 -webkit-column-span 屬性。Internet Explorer 9 以及更早版本的瀏覽器不支持 column-span 屬性。
css column-span屬性 示例
<!DOCTYPE html>
<html>
<head>
<style>
.newspaper
{
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;
}
h3
{
-webkit-column-span:all; /* Chrome */
column-span:all;
}
</style>
</head>
<body>
<p><b>注釋：</b>只有 Chrome 和 Opera 支持 column-span 屬性。</p>
<div class="newspaper">
<h3>成品油價格25日凌晨上調 汽柴油漲300、290元/噸</h3>
人民網北京2月24日電 (記者 劉陽)國家發(fā)展改革委近日發(fā)出通知，決定自2月25日零時起將汽、柴油價格每噸分別提高300元和290元，折算到90號汽油和0號柴油（全國平均）每升零售價格分別提高0.22元和0.25元。
此次國內成品油價格調整幅度，是按照現行國內成品油價格形成機制，根據國際市場油價變化情況確定的。去年11月16日國內成品油價格調整以來，受市場預期歐美經濟復蘇前景向好以及中東局勢持續(xù)動蕩等因素影響，國際市場原油價格先抑后揚，2月上旬WTI和布倫特原油期貨價格再次回升至每桶95美元和115美元以上。雖然近兩日價格有所回落，但國內油價掛鉤的國際市場三種原油連續(xù)22個工作日移動平均價格上漲幅度已超過4%，達到國內成品油價格調整的邊界條件。
通知指出，這次成品油調價后，國家將按照已建立的補貼機制，繼續(xù)對種糧農民、漁業(yè)（含遠洋漁業(yè)）、林業(yè)、城市公交、農村道路客運（含島際和農村水路客運）等給予補貼。同時，為保證市場物價基本穩(wěn)定，防止連鎖漲價，對與居民生活密切相關的鐵路客運、城市公交、農村道路客運（含島際和農村水路客運）價格不作調整。
通知要求，中石油、中石化、中海油三大公司要組織好成品油生產和調運，保持合理庫存，加強綜合協(xié)調和應急調度，保障成品油供應。各級價格主管部門要加大市場監(jiān)督檢查力度，依法查處不執(zhí)行國家價格政策，以及囤積居奇、造謠惑眾、合謀漲價、搭車漲價等違法行為，維護正常市場秩序。
</div>
</body>
</html>效果輸出：
看完了這篇文章，相信你對css中column-span屬性的使用方法有了一定的了解，想了解更多相關知識，歡迎關注億速云行業(yè)資訊頻道，感謝各位的閱讀！
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
