美文网首页
CSS3 多列

CSS3 多列

作者: 博为峰51Code教研组 | 来源:发表于2017-05-02 23:17 被阅读0次

    CSS3可以将文本内容设计成像报纸一样的多列布局,如下实例:

    一、多列的属性

    以下几个为CSS3的多列属性:

    ·column-count

    ·column-gap

    ·column-rule-style

    ·column-rule-width

    ·column-rule-color

    ·column-rule

    ·column-span

    ·column-width

    二、创建多列

    column-count属性指定了需要分割的列数。以下实例将

    元素中的文本分为3列

    代码例子:

    运行效果:

    三,多列属性的实现

    CSS3多列属性

    下表列出了所有CSS3的多列属性:

    代码实现:

    实现效果:

    相关文章

      网友评论

          本文标题:CSS3 多列

          本文链接:https://www.haomeiwen.com/subject/txwhtxtx.html