码迷,mamicode.com
首页 > Web开发 > 详细

HTML flex遇到white-space:nowrap

时间:2020-01-04 12:49:14      阅读:255      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!