CSS 參考手冊(cè)
-
align-content
-
align-items
-
align-self
-
all
-
animation
-
animation-delay
-
animation-direction
-
animation-duration
-
animation-fill-mode
-
animation-iteration-count
-
animation-name
-
animation-play-state
-
animation-timing-function
-
appearance
-
backface-visibility
-
background
-
background-attachment
-
background-blend-mode
-
background-clip
-
background-color
-
background-image
-
background-origin
-
background-position
-
background-repeat
-
background-size
-
border
-
border-bottom
-
border-bottom-color
-
border-bottom-left-radius
-
border-bottom-right-radius
-
border-bottom-style
-
border-bottom-width
-
border-collapse
-
border-color
-
border-image
-
border-image-outset
-
border-image-repeat
-
border-image-slice
-
border-image-source
-
border-image-width
-
border-left
-
border-left-color
-
border-left-style
-
border-left-width
-
border-radius
-
border-right
-
border-right-color
-
border-right-style
-
border-right-width
-
border-spacing
-
border-style
-
border-top
-
border-top-color
-
border-top-left-radius
-
border-top-right-radius
-
border-top-style
-
border-top-width
-
border-width
-
bottom
-
box-align
-
box-direction
-
box-flex
-
box-flex-group
-
box-lines
-
box-ordinal-group
-
box-orient
-
box-pack
-
box-shadow
-
box-sizing
-
caption-side
-
clear
-
clip
-
color
-
column-count
-
column-fill
-
column-gap
-
column-rule
-
column-rule-color
-
column-rule-style
-
column-rule-width
-
column-span
-
column-width
-
columns
-
content
-
counter-increment
-
counter-reset
-
cursor
-
direction
-
display
-
empty-cells
-
filter
-
flex
-
flex-basis
-
flex-direction
-
flex-flow
-
flex-grow
-
flex-shrink
-
flex-wrap
-
float
-
font
-
@font-face
-
font-family
-
font-size
-
font-size-adjust
-
font-stretch
-
font-style
-
font-variant
-
font-weight
-
grid-columns
-
grid-rows
-
hanging-punctuation
-
height
-
icon
-
justify-content
-
@keyframes
-
left
-
letter-spacing
-
line-height
-
list-style
-
list-style-image
-
list-style-position
-
list-style-type
-
margin
-
margin-bottom
-
margin-left
-
margin-right
-
margin-top
-
max-height
-
max-width
-
@media
-
min-height
-
min-width
-
mix-blend-mode
-
object-fit
-
object-position
-
nav-down
-
nav-index
-
nav-left
-
nav-right
-
nav-up
-
opacity
-
order
-
outline
-
outline-color
-
outline-offset
-
outline-style
-
outline-width
-
overflow
-
overflow-x
-
overflow-y
-
padding
-
padding-bottom
-
padding-left
-
padding-right
-
padding-top
-
page-break-after
-
page-break-before
-
page-break-inside
-
perspective
-
perspective-origin
-
position
-
punctuation-trim
-
quotes
-
resize
-
right
-
rotation
-
tab-size
-
table-layout
-
target
-
target-name
-
target-new
-
target-position
-
text-align
-
text-align-last
-
text-decoration
-
text-decoration-color
-
text-decoration-line
-
text-decoration-style
-
text-indent
-
text-justify
-
text-outline
-
text-overflow
-
text-shadow
-
text-transform
-
text-wrap
-
top
-
transform
-
transform-origin
-
transform-style
-
transition
-
transition-delay
-
transition-duration
-
transition-property
-
transition-timing-function
-
unicode-bidi
-
vertical-align
-
visibility
-
white-space
-
width
-
word-break
-
word-spacing
-
word-wrap
-
z-index
-
writing-mode
column-fill
實(shí)例
指定如何填充列：
div
{
column-fill:auto;
}
{
column-fill:auto;
}
在此頁(yè)底部有更多的例子。
瀏覽器支持
表格中的數(shù)字表示支持該方法的第一個(gè)瀏覽器的版本號(hào)。
| 屬性 | |||||
|---|---|---|---|---|---|
| column-fill | 不支持 | 不支持 | 13.0 -moz- | 不支持 | 不支持 |
屬性定義及使用說(shuō)明
column-fill屬性指定如何填充列。
| 默認(rèn)值: | balance |
|---|---|
| 繼承: | no |
| 版本: | CSS3 |
| JavaScript 語(yǔ)法: | object.style.columnFill="auto" |
語(yǔ)法
column-fill: balance|auto;
| 值 | 說(shuō)明 |
|---|---|
| balance | 列長(zhǎng)短平衡。瀏覽器應(yīng)盡量減少改變列的長(zhǎng)度 |
| auto | 列順序填充，他們將有不同的長(zhǎng)度 |
更多實(shí)例
Column-count
div元素的文本分成三列。
Column-gap
在div元素的文本分成三列，并指定一個(gè)30像素的列之間的差距。
Column-rule
指定列之間的規(guī)則：寬度，樣式和顏色。
相關(guān)文章
CSS3 教程: CSS3 Multiple Columns