使用 CSS 设置列的简写属性
cssweb developmentfront end technology更新于 2024/8/20 20:28:17
使用 columns 属性通过 CSS 设置列。您可以尝试运行以下代码来实现 columns 属性:
示例
<!DOCTYPE html>
<html>
<head>
<style>
.demo {
column-rule-color: gray;
columns: 100px 4;
column-rule-style: dashed;
}
</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>
相关文章
有用资源
css 参考教程 - 该教程包含有关 css 的更多信息:https://www.cainiaomax.com/css/
