如何用CSS填充列
要填充列,请使用column-fill属性。您可以尝试运行以下代码以实现带有余额形式的column-fill属性:
示例
<!DOCTYPE html>
<html>
<head>
<style>
.demo {
column-count: 4;
column-fill: balance;
}
</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 药店祝福语简短10字
13 婚礼祝福语简短情话短句
14 高考祝福语简短10字
15 青春告白祖国简短祝福语
16 公司春节祝福语和简短
17 九子订婚祝福语简短
18 学生节祝福语简短大全