CSS column-gap属性
column-gap属性
CSS多列的样式设计中，column-gap属性可用于设置列与列之间的间隔。
语法
column-gap: length | normal;
可选属性值
| 属性值 | 描述 |
|---|---|
| length | 数值类型的值，指定间隔之间的长度。 |
| normal | 常规间隔，一般为1em。 |
column-gap实例代码，及在线编辑器
下方实例，将段落p分隔成3列，列与列之间的长度为50px：
<p id='p1'>赵钱孙李，周吴郑王。冯陈褚卫，蒋沈韩杨。朱秦尤许，何吕施张。孔曹严华，金魏陶姜。戚谢邹喻，柏水窦章。云苏潘葛，奚范彭郎。鲁韦昌马，苗凤花方。俞任袁柳，酆鲍史唐。费廉岑薛，雷贺倪汤。滕殷罗毕，郝邬安常。乐于时傅，皮卞齐康。伍余元卜，顾孟平黄。和穆萧尹，姚邵湛汪。祁毛禹狄，米贝明臧。计伏成戴，谈宋茅庞。熊纪舒屈，项祝董梁。杜阮蓝闵，席季麻强。贾路娄危，江童颜郭。梅盛林刁，钟徐邱骆。高夏蔡田，樊胡凌霍。虞万支柯，昝管卢莫。</p>
<style>
#p1{column-count:3; column-gap:50px;}
</style>