CSS3 多列

2017-05-02  本文已影响0人  博为峰51Code教研组

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的多列属性:

代码实现:

实现效果:

上一篇下一篇

猜你喜欢

热点阅读