HTML flex遇到white-space:nowrap

2021-05-01 05:26

阅读:672

标签:http   src   解决   div   初始   ima   结果   com   问题   

问题描述

  • 假设一个flex布局的div,含有AB两个div。
    技术图片
  • 如果A里面有white-space:nowrap属性,则会撑开A宽度,导致B显示被压缩
    技术图片

原因分析

  • AB没有初始宽度,且A含有超长元素,所以flex会给A大比例的宽度

解决方法

  • AB均设置 min-width: 0;

处理结果

  • AB宽度比例显示正常
    技术图片

HTML flex遇到white-space:nowrap

标签:http   src   解决   div   初始   ima   结果   com   问题   

原文地址:https://www.cnblogs.com/KevinTseng/p/12148408.html


评论


亲,登录后才可以留言!