columns属性怎么用

时间2024-05-21 22:44:02发布访客分类CSS浏览92

导读： cssccolumns属性用法 columns:饱含两个属性column-width，column-count 1.column-width列的宽度 2.column-count列数浏览器兼容： Inte...

　　cssccolumns属性用法　　columns:饱含两个属性column-width，column-count 　　1.column-width列的宽度　　2.column-count列数　　浏览器兼容：　　InternetExplorer10和Opera支持column属性　　Firefox支持替代的-moz-column属性　　Safari和Chrome支持替代的-webkit-column属性　　　　　　　　　　　　　　　　　　　p{ margin:0; padding:5px10px; background:#eee; } 　　h1{ margin:10px0; font-size:16px; } 　　.test1{ 　　width:628px; 　　border:10pxsolid#000; 　　-moz-columns:100px4; 　　-webkit-columns:100px4; 　　columns:100px4; 　　} 　　.test2{ 　　border:10pxsolid#000; 　　-moz-columns:400px; 　　-webkit-columns:400px; 　　columns:400px; 　　} 　　　　　　　　

列数及列宽固定:

Thismoduledescribesmulti-columnlayoutinCSS.Byusingfunctionalitydescribedinthisdocument,stylesheetslaidoutinmultiplecolumns.

OntheWeb,tableshavealsobeenusedtodescribemulti-columnlayouts.Themainbenefitofusingntoanotheronvariousoutputdevicesincludingspeech

OntheWeb,tableshavealsobeenusedtodescribemulti-columnlayouts.Themainbenefitofusingntoanotheronvariousoutputdevicesincludingspeechsynthesizersandsmallmobiledevices.

列宽固定，根据内容自动分布列数:

Thismoduledescribesmulti-columnlayoutinCSS.Byusingfunctionalitydescribedinthisdocument,stylesheetscandeclarethatthecontentofanelementistobelaidoutinmultiplecolumns.

OntheWeb,tableshavealsobeenusedtodescribemulti-columnlayouts.ThemainbenefitofusingCSS-basedcolumnsisflexibility; contentcanflowfromonecolumntoanother,andthenumberofcolumnscanvarydependingonthesizeoftheviewport.Removingpresentationtablemarkupfromdocumentsallowsthemtomoreeasilybepresentedonvariousoutputdevicesincludingspeechsynthesizersandsmallmobiledevices.

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！

若转载请注明出处： columns属性怎么用
本文地址： https://pptw.com/jishu/665175.html

grid-rows属性怎么用 prometheus版本查询的方法是什么