likes
comments
collection
share

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

作者站长头像
站长
· 阅读数 33

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

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

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

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

转载自:https://juejin.cn/post/7249925306357858359
评论
请登录