css中列空间属性的使用方法

  介绍

小编给大家分享一下css中列空间属性的使用方法,希望大家阅读完这篇文章后大所收获、下面让我们一起去探讨吧!

css列空间属性用于规定元素应横跨多少列,其语法是列空间:1 |,1元素应横跨一列,所有元素应横跨所有列。

<强> css列空间属性怎么用?

作用:规定元素应横跨多少列。

<强>语法:

列空间:1 |;

说明:1,元素应横跨一列所有,,元素应横跨所有列。

注释:ie 10和歌剧支持列空间属性.Safari和Chrome支持替代的-webkit-column-span属性与Explorer 9以及更早版本的浏览器不支持列空间属性。

css列空间属性示例

& lt; !DOCTYPE html>   & lt; html>   & lt; head>   & lt; style>   .newspaper   {   -moz-column-count: 3;/* Firefox */-webkit-column-count: 3;/* Safari和Chrome */column-count: 3;   }   h3   {   -webkit-column-span:;/* */铬   列空间:;   }   & lt;/style>   & lt;/head>   & lt; body>   & lt; p> & lt; b>注释:& lt;/b>只有铬和歌剧支持列空间属性。;/p>   & lt; div类=皀ewspaper"祝辞   & lt; h3>成品油价格25日凌晨上调汽柴油涨300290元/吨& lt;/h3>   人民网北京2月24日电(记者刘阳)国家发展改革委近日发出通知,决定自2月25日零时起将汽、柴油价格每吨分别提高300元和290元,折算到90号汽油和0号柴油(全国平均)每升零售价格分别提高0.22元和0.25元。   此次国内成品油价格调整幅度,是按照现行国内成品油价格形成机制,根据国际市场油价变化情况确定的。去年11月16日国内成品油价格调整以来,受市场预期欧美经济复苏前景向好以及中东局势持续动荡等因素影响,国际市场原油价格先抑后扬,2月上旬WTI和布伦特原油期货价格再次回升至每桶95美元和115美元以上。虽然近两日价格有所回落,但国内油价挂钩的国际市场三种原油连续22个工作日移动平均价格上涨幅度已超过4%,达到国内成品油价格调整的边界条件。   通知指出,这次成品油调价后,国家将按照已建立的补贴机制,继续对种粮农民,渔业(含远洋渔业),林业,城市公交,农村道路客运(含岛际和农村水路客运)等给予补贴。同时,为保证市场物价基本稳定,防止连锁涨价,对与居民生活密切相关的铁路客运,城市公交,农村道路客运(含岛际和农村水路客运)价格不作调整。   通知要求,中石油,中石化,中海油三大公司要组织好成品油生产和调运,保持合理库存,加强综合协调和应急调度,保障成品油供应。各级价格主管部门要加大市场监督检查力度,依法查处不执行国家价格政策,以及囤积居奇,造谣惑,众合谋涨价,搭车涨价等违法行为,维护正常市场秩序。   & lt;/div>   & lt;/body>   & lt;/html>

效果输出:

 css中列空间属性的使用方法

看完了这篇文章,相信你对css中列空间属性的使用方法有了一定的了解,想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!

css中列空间属性的使用方法