记录css的小知识，不定时更新

时间：2023-03-31 01:36:36 CSS

1。div下的span标签之间有空隙，为什么？如何处理？123

解决方法：span之间有换行符，去掉换行符，或者spanleftFloat，然后父标签使用伪类after去掉float.qs1:after{content:'';高度：0；明确：两者；显示：块；visibility:hidden;}.qs1span{float:left;}2.实现三列布局

/div>

flexlayoutflex-flow属性是flex-direction属性和flex-wrap属性的简写形式，默认值为rownowrap;flex属性是flex-grow、flex-shrink和flex-basis的简写形式，默认值为01auto。最后两个属性是可选的。.container{高度：300px；显示：弹性；；flex-flow:rownowrap;}.content{background:green;flex:11auto;}.left{背景:红色;flex:00100px;}.right{背景：蓝色;flex:00100px;}3.div下img底部有空隙解决方法：图片为行内标签，垂直方向与基线对齐vertical-align:baseline;所以设置vertical-align:middle为图片。或者设置display:block为图片；

上一篇：一起写一个即插即用的VueLoading插件

下一篇：Tooltip组件拆解

记录css的小知识，不定时更新相关文章