CSS3

1、columns里的count实际指的是包含容器可视宽度下平分成多少count,当高度不固定时,元素的count始终在包含容器可视宽度内,元素的内容始终被平分为相应的count数,当高度固定时,包含容器可视区域下元素显示的是相应的count数的内容,但当元素的高度不足以容纳元素内容时,元素的列会向向右溢出,溢出部分列的宽度等于包含容器中列的宽度

2、column-width和column-count在一使用时,column-count实际表示的是最大列数,详细解释一下,用容器宽度除以count数得到在使用clumn-count时每一列的宽度,我称为断点宽度,当column-width小于断点宽度时,浏览器算出来的真正的column-width是这个断电宽度,而当column-width大于断电宽度时,浏览器算出来的真正的column-width则是这个给定的column-width。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。