css如何将一个列表拆成数列

html-css014

css如何将一个列表拆成数列,第1张

css3里有这样的属性 ,不过css3低版本的浏览器有些属性不支持,需要用js写入属性

column-count:列数

或者

column-width:单列宽度 列数

js

object.style.columnCount=3

object.style.columnWidth='100px 3'

用float或者display:inline,单个块需要定宽,而且出来的效果是

123

456

789

Odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词（第一个子元素的下标是 1）。

odd是奇数，even是偶数

ul li:nth-child(odd)

{

background:#ff0000

}

ul li:nth-child(even)

{

background:#0000ff

}

tr:nth-child(even) {background: #CCC}

tr:nth-child(odd) {background: #FFF}

要是兼容的话，可以分别定义偶数行样式和奇数行样式；