http://zhidian.wuute.com/html5dev/ 2026-04-16T06:37:49+09:00 http://zhidian.wuute.com/html5dev/ http://zhidian.wuute.com/html5dev/lib/tpl/bootstrap3_1/images/favicon.ico text/html 2017-04-21T23:44:30+09:00 http://zhidian.wuute.com/html5dev/doku.php/26/86/86/columncount?rev=1492785870&do=diff column-count column-count 属性用来描述该元素应该被划分的列数。 语法 column-count: 4; column-count: auto; 值 值描述auto 此关键词表示列的数量由其他属性指定，如：column-width <number> 一个正数，用来描述元素的内容被划分的理想列数。 text/html 2017-04-21T23:41:21+09:00 http://zhidian.wuute.com/html5dev/doku.php/26/86/86/columnfill?rev=1492785681&do=diff column-fill column-fill 属性用来规定如何填充列(是否进行填充)。 语法 column-fill: balance; column-fill: auto; column-fill: initial; column-fill: unset; column-fill: inherit; 值 值描述auto 此关键词表示按循序填充列。 text/html 2017-04-21T23:46:28+09:00 http://zhidian.wuute.com/html5dev/doku.php/26/86/86/columngap?rev=1492785988&do=diff column-gap column-gap 属性用来规定元素列间距的大小。 语法 column-gap: 4px; column-gap: 3em; column-gap: normal; column-gap: inherit; 值 值描述auto 此关键词表示使用浏览器定义的列的默认间隔。默认为1em,大多数浏览器遵循。 text/html 2017-04-21T23:32:01+09:00 http://zhidian.wuute.com/html5dev/doku.php/26/86/86/columnrule?rev=1492785121&do=diff column-rule column-rule 属性用来规定列间分隔线的宽度，样式及颜色。 语法 column-rule: solid; column-rule: solid red; column-rule: solid 2px; column-rule: thick inset red; 值 值描述<'column-rule-width'> 此关键词表示列间分隔线的宽度。 text/html 2017-04-21T23:45:28+09:00 http://zhidian.wuute.com/html5dev/doku.php/26/86/86/columnrulecolor?rev=1492785928&do=diff column-rule-color column-rule-color 属性用来规定列间分隔线颜色。 语法 column-rule-color: green; column-rule-color: rgb(23,34,2); column-rule-color: hsla(0, 23%, 34%, 0.4); column-rule-color: transparent; column-rule-color: inherit; text/html 2017-04-21T23:49:11+09:00 http://zhidian.wuute.com/html5dev/doku.php/26/86/86/columnrulestyle?rev=1492786151&do=diff column-rule-style column-rule-style 属性用来规定列间分隔线的样式。 语法 column-rule-style: none; column-rule-style: dotted; column-rule-style: dashed; column-rule-style: solid; column-rule-style: hidden; column-rule-style: double; column-rule-style: ridge; column-rule-style: groove; column-rule-style: inset; column-rule-style: outset; column-rule-style: inherit; text/html 2017-04-21T23:49:43+09:00 http://zhidian.wuute.com/html5dev/doku.php/26/86/86/columnrulewidth?rev=1492786183&do=diff column-rule-width column-rule-width 属性用来规定列间分隔线的宽度。 语法 column-rule-width: medium; column-rule-width: thin; column-rule-width: thick; column-rule-width: 3px; column-rule-width: 3em; column-rule-width: inherit; 值 值 text/html 2017-04-21T23:52:38+09:00 http://zhidian.wuute.com/html5dev/doku.php/26/86/86/columns?rev=1492786358&do=diff columns columns 属性是一个简写的属性，允许同时规定 column-width 和 column-count 属性。 语法 columns: 3; columns: 2em; columns: auto; columns: 2 auto; columns: auto 23em; columns: auto auto; 值 值描述<'column-width'> 同cloumn-width属性值 <'column-count'> text/html 2017-04-21T16:56:27+09:00 http://zhidian.wuute.com/html5dev/doku.php/26/86/86/columnspan?rev=1492761387&do=diff column-span column-span 属性用来规定元素应当横跨多少列。 语法 column-span: none; column-span: all; column-span: inherit; 值 值描述none 此关键词表示元素不横跨。 all 此关键词表示元素应横跨所有列。 例子 text/html 2017-04-21T23:54:22+09:00 http://zhidian.wuute.com/html5dev/doku.php/26/86/86/columnwidth?rev=1492786462&do=diff column-width column-width 属性用来规定列的宽度。 语法 column-width: auto; column-width: 23px; column-width: 20em; column-width: 3vw; column-width: inherit; 值 值描述auto 此关键词表示由浏览器决定列宽。<length> 一个长度值。 text/html 2017-04-23T20:39:16+09:00 http://zhidian.wuute.com/html5dev/doku.php/26/86/86/start?rev=1492947556&do=diff 多列 定义 多列(Multi Columns)属性是一些与文本的多列排版相关的CSS属性。 概述 多列属性可以将文本设计成像报纸杂志那种多列排版的布局，类似于Microsoft Word中的段落分栏功能。 多列属性主要应用于文本的容器元素上，包括列数(column-count属性)、统一的列宽(column-with属性)和统一的列间距(cloumn-gap属性)等。