这个是CSS代码
display: flex;
cursor: pointer;
border: 1px solid #d8dce5;
background-color: #fff;
margin-right: 30px;
border-radius: 2.5px;
padding: 6px 12px;
box-sizing: border-box;
color: #303133;
position: relative;
align-items: center;
解决问题
我们需要再父级给予一个属性width: max-content
,我们了解width的属性
其实width
除了上面那几个值之外,还有其他的几个值,只不过跟我一样的大多数人都不知道。在CSS3的世界里,width属性又多了几个关键字成员,fill-available, max-content, min-content, 以及fit-content
说明:在一个父元素上设置该元素后,元素的宽度会以子元素内最长的一个为准,子元素表现得会好像设置了white-space:nowrap一样一行展示
© 版权声明
文章版权归作者所有,未经允许请勿转载,侵权请联系 admin@trc20.tw 删除。
THE END