CSS3——布局样式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS3——布局样式相关的知识,希望对你有一定的参考价值。

1、多列布局 columns:column-width||column-count

2、列间距 column-gap

3、列表边框 column-rule

4、跨列设置 column-span:all /*跨过所有列*/

5、盒子模型 box-sizing:border-box|content-box   

6、伸缩布局 display:flex;flex-direction:column|row;justify-content:flex-start|flex-end;align-items:flex-start|flex-end

以上是关于CSS3——布局样式的主要内容,如果未能解决你的问题,请参考以下文章

CSS3布局样式相关:Columnscolumn-widthcolumn-countcolumn-gapcolumn-rulecolumn-span盒子模型伸缩布局

CSS3 flex弹性布局重点

CSS3--Flex弹性盒子布局: 实例篇-圣杯布局

CSS3--Flex弹性盒子布局: 实例篇-网格布局

CSS3--Flex弹性盒子布局: 实例篇-骰子布局

如何使用css3实现响应式布局