新入职,就被调整页面样式折磨得头大,目前搜索条件得label
没有右对齐,我统一设置了label
的width
,可依旧不生效,有的对齐了,有的没有对齐,着时头大
找了很多方法,终于让我完美解决了,没想到解决方法这么简单:
解决方法很简单, 就是使用 flex-shrink 属性;
flex-shrink
属性定义了项目的缩小比例,默认为1 即如果空间不足,该项目将缩小,它还有另外一个值,就是0
如果在子元素的 css
样式中添加 flex-shrink
属性, 然后把值改为 0
flex-shrink:0
,那么当前元素就不会被其他子元素挤压
因为input元素设置了width: 100% 所以这个元素尽可能撑大,挤压到后面元素了
解决方法: 给元素设置 flex-shrink:0 即可