css实践笔记 flex影响边距的问题

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/nimeghbia/article/details/90673680

今天想实现一个非常简单的效果

就是中间有一个控件,然后设置距离屏幕左边和右边的距离,中间剩余控件自动扩展

margin-left:`````
margin-right:````````

其实就这两句

但是,搞了半天没搞定。margin是可以的,但是不会自动填充剩余空间

后来追踪原因,终于发现,是因为外面嵌套了flex的原因

我是做安卓的,安卓有一个linearlayout,可以给所有自控件设置margin,也就是自己的padding属性,如此就不用在每个子控件设置margin了

我想用的就是flex完成这种设计,所以在外面嵌套了一个

flex再找一找,最终发现是父元素 flex 里面的align-items这个玩意

当我填 start的时候,这玩意就会默认不去考虑margin-right了,所以无论怎么设置都没有用

猜你喜欢

转载自blog.csdn.net/nimeghbia/article/details/90673680