在制作滚动或者布局的时候最后一div设置margin-right浏览器没有应,该如何处理?

image.png

这个是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一样一行展示

image.png

image.png

© 版权声明
THE END
喜欢就支持一下吧
点赞0

Warning: mysqli_query(): (HY000/3): Error writing file '/tmp/MYjMTbek' (Errcode: 28 - No space left on device) in /www/wwwroot/583.cn/wp-includes/class-wpdb.php on line 2345
admin的头像-五八三
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

图形验证码
取消
昵称代码图片