版权声明:本文为博主原创文章,未经博主允许不得转载。 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了,所以无论怎么设置都没有用