CSS3 多列布局——Columns

最新推荐文章于 2021-06-23 10:54:42 发布

左岸的咖啡001

最新推荐文章于 2021-06-23 10:54:42 发布

阅读量338

点赞数

分类专栏： CSS3 文章标签： CSS3 多列布局Columns

本文链接：https://blog.csdn.net/lyc71140303/article/details/78131844

版权

本文介绍了CSS3的多列布局模块，通过实例展示了如何使用columns属性创建类似报纸的多列排版。当元素的列宽和列数设置适当，浏览器会自动调整列的数量以适应容器宽度。内容中详细解释了不同列宽设置对布局的影响，包括列间距和布局自动调整的情况。

摘要由CSDN通过智能技术生成

HTML:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>columns</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="columns"> 
  <p>为了能在Web页面中方便实现类似报纸、杂志那种多列排版的布局，W3C特意给CSS3增加了一个多列布局模块（CSS Multi Column Layout Module）。它主要应用在文本的多列布局方面。对于文本的多列布局，我想大家并不陌生......此处省略几千个字</p>
</div>
</body>
</html>

最低0.47元/天解锁文章

左岸的咖啡001

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS3 多列布局——Columns

HTML:columns 为了能在Web页面中方便实现类似报纸、杂志那种多列排版的布局，W3C特意给CSS3增加了一个多列布局模块（CSS Multi Column Layout Module）。它主要应用在文本的多列布局方面。对于文本的多列布局，我想大家并不陌生......此处省略几千个字CSS:.columns { width: 1000
复制链接

扫一扫