使用CSS设置列之间的规则宽度
使用 column-rule-width属性设置列之间的规则宽度。
示例
您可以尝试运行以下代码以实现column-rule-width属性：
<!DOCTYPE html>
<html>
<head>
<style>
.demo {
column-count: 4;
column-gap: 50px;
column-rule-color: maroon;
column-rule-style: dashed;
column-rule-width: 5px;
}
</style>
</head>
<body>
<div class = "demo">
This is demo text. This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text. This is demo text.
</div>
</body>
</html>热门推荐
10 班级集体生日祝福语简短
11 简短霸气的考试祝福语
12 周年庆典祝福语致辞简短
13 新年的鸡汤祝福语简短
14 对生活祝福语简短精辟
15 元旦的祝福语简短 公司
16 国庆中秋祝福语简短搞笑
17 婆婆生日祝福语简短的
18 车行销售祝福语简短