flex
鹿的迷雾林
这个作者很懒,什么都没留下…
展开
-
使用column-count布局的时候,box-shadow会被截断
column-count布局,可以将容器内的内容分成指定列数div { column-count:3; -moz-column-count:3; /* Firefox */ -webkit-column-count:3; /* Safari and Chrome */}但是将column-count和box-shadow同时使用时,有时候box-shadow的阴影部分会被截断解决方案:.box { column-count: 3; column-gap: 20p原创 2021-06-11 11:35:21 · 1008 阅读 · 2 评论 -
flex实现元素左右居中+垂直居中
实现方式:#container{ display:flex; justify-content:center; align-items: center;}兼容性:效果:设为 Flex 布局以后,子元素的float、clear和vertical-align属性将失效。子元素呈现左右居中+垂直居中的效果友情链接:各种上下左右居中方式 阮一峰的flex介绍原创 2018-02-12 09:13:37 · 3059 阅读 · 0 评论 -
flex布局,最后的一个元素布满剩余空间
设置父元素flex布局时,第一个元素宽度固定,第二个元素布满剩余空间以下是react-native中的代码.father{ display: 'flex', flexDirection: "row", width: "100%"}.son1{ width: 20}.son2{ flexGrow: 1, //铺满盒子剩余空间}...原创 2019-04-16 16:04:04 · 39049 阅读 · 4 评论