CSS
CSS
透晓西桥
这个作者很懒,什么都没留下…
展开
-
块级/行内元素:水平/垂直居中
一、块级元素1. 水平居中边距marginmargin: 0 auto定位positionposition: absolute;left:50%;right: 50%;transform: translate(-50%)浮动float: left;margin-left: 50%;margin-right: 50%;transform: translate(-50%);flex布局html{ display: flex; justify-co原创 2021-02-19 21:03:52 · 182 阅读 · 0 评论 -
Flex弹性容器的使用
使用了display: flex的元素,其子元素,无论块级元素还是行内元素,均变为行内块元素1. flex-direction修改元素的排列方向1.1 row横向排列,从左侧开始排列1.2 row-reverse横向排列,从右侧开始排列1.3 column纵向排列,从顶部开始排列1.4 column-reverse纵向排列,从底部开始排列2. flex-wrap当一行元素不能容下时,是否换行2.1 nowrap超出不换行,压缩子元素的大小.原创 2021-02-19 17:34:34 · 256 阅读 · 0 评论