![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
布局例子
kuaile3649
2333
展开
-
文字的三列布局
多列布局是针对文本排版的布局column-count: 3; // 文本分为3列column-width: 200px; // 固定列宽为200pxcolumn-gap: 30px; // 列间距为30pxcolumn-rule: 10px solid red; // 设置列标记的宽度,样式,颜色...原创 2018-03-02 17:03:32 · 300 阅读 · 0 评论 -
水平居中和垂直居中
水平居中:1.行内元素的水平居中,对父元素设置: text-align: center;2.块级元素的水平居中,对自己设置: width: 100px; margin: 0 auto;3.行内元素垂直居中:1)单行文本的垂直居中: height: 60px; line-height: 60px;2) 多行文本的垂直居中: 2.1)不固定高度...原创 2018-03-02 18:26:31 · 143 阅读 · 0 评论 -
flex布局-语法(一)
转载【阮一峰老师】Flex 布局教程:语法篇 网页布局(layout)是 CSS 的一个重点应用。 ...转载 2018-03-06 15:00:52 · 122 阅读 · 0 评论 -
flex布局-语法(二)
转载【阮一峰老师】Flex 布局教程:实例篇 上一篇文章介绍了Flex布局的语法,今天介绍常见布局的Flex写法。 ...转载 2018-03-06 15:06:15 · 162 阅读 · 0 评论