当前位置:首页 > Web开发 > 正文

导致B显示被压缩 原因分析 AB没有初始宽度

2024-03-31 Web开发

标签:

问题描述

假设一个flex构造的div,含有AB两个div。

技术图片

如果A里面有white-space:nowrap属性,则会撑开A宽度,,导致B显示被压缩

技术图片

原因分析

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

解决要领

AB均设置 min-width: 0;

措置惩罚惩罚功效

AB宽度比例显示正常

技术图片

HTML flex遇到white-space:nowrap

标签:

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

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/32320.html