chevron_left

CSS 教程
免费
第 4.6 回

教程文档

CSS 教程 - 多列布局 Columns

2023年11月23日
CSS 教程

多列布局 Columns

多列布局 columns

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <style>
        .columns {
            width: 500px;
            padding: 5px;
            border: 1px solid green;
            margin: 20px auto;
            columns: 150px 3;
        }
    </style>
</head>

<body>
<div class="columns">
    <h2>我要分列显示</h2>
    <p>为了能在Web页面中方便实现类似报纸、杂志那种多列排版的布局，W3C特意给CSS3增加了一个多列布局模块（CSS Multi Column Layout
        Module）。它主要应用在文本的多列布局方面。对于文本的多列布局，我想大家并...
请登录后查看更多expand_more

课程介绍

层叠样式表 (英文全称：Cascading Style Sheets) 是一种用来表现 HTML（标准通用标记语言的一个应用）或 XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS 不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

目录

适合这样的人

新生

授课老师