Flex布局:flex-grow:1失效

前端开发

809

工作中遇到一些flex-grow:1的容器失效,一堆文字乱码溢出,最后看了一下flex布局的原理解决了


#div{
  flex-grow:1;
  wisth: 0;
}

如果遇到另一边的div设了宽但是被flex-grow:1的内容挤压了,可以给设了宽的div加 flex-shrink: 0; 这个属性,就能解决了


.item-right{
  width: 100px;height: 100px;
  flex-shrink: 0;
}

bigjay

明知道总有一日，所有的悲欢都将离我而去，我依然竭力地搜索，搜索那些美丽的，值得为她活一次的记忆。

发布数

关注者

13528

累计阅读

Flex布局:flex-grow:1失效 2年前