columncount属性 Columngroup span属性

columncount属性

columncount属性是CSS3中的一个新属性，它可以用来控制元素内容的分栏数量。它可以让你将一个长的文本内容分割成多个栏，从而使其更加美观、易读。

.container { 
    column-count: 3; 
} 

上面的代码表示将 .container 元素中的内容分割成三栏，这样就可以把一段很长的文本内容分割成多个栏，使其显得更加简洁、易读。

columncount属性还可以通过column-gap属性来设置各栏之间的间隔，例如：

 
.container { 
    column-count: 3; 
    column-gap: 20px; 
} 

上面的代码表示将 .container 元素中的内容分割成三栏，并且各栏之间有20px 的间隔。

此外，columncount属性还可以通过column-rule属性来设置各栏之间的分隔线，例如：

.container { 
    column-count: 3; 
    column-rule: 1px solid #ccc;  // 表示各栏之间有1px 的 #ccc 颜色的实线作为分隔线。   } 

columncount属性是CSS3中一个很强大、很方便的属性，能够帮助我们快速地将一段文本内容分割成多个栏，使其更加易读、易于理解。

Columngroup span属性