css布局中使用min-width: 0的作用

无标签
小知识
发布日期:   2023-02-01
文章字数:   114
阅读时长:   1 分
阅读次数:  

父元素存在flex布局，由于flex布局的特性，如果不设置宽度，父元素可以被子节点无限撑开

min-width是最小宽度的意思，在存在flex布局的父元素中使用min-width: 0，可以使父元素中的子元素内容不超出父元素容器。

作用：让包裹的盒子宽度不会因为内容的新增而增加，与使用overflow hidden的效果一样

文章作者: Nanying
文章链接: https://nan-ying.github.io/2023/02/01/css%E5%B8%83%E5%B1%80%E4%B8%AD%E4%BD%BF%E7%94%A8min-width-0%E7%9A%84%E4%BD%9C%E7%94%A8/
版权声明: 本博客所有文章除特別声明外，均采用 CC BY 4.0 许可协议。转载请注明来源 Nanying !
无标签
赏
评论
  目录