在写界面时遇到一个问题:在flex布局中想实现文字超出隐藏并显示省略号,结果使用white-space:nowrap后,flex布局失效了....
想实现的效果:
结果:
解决办法:
给包含文字元素的父元素设置min-width: 0
总结:
white-space:nowrap会影响flex布局下未设定宽度的元素,而只要对元素的宽度有一个下限设定就可以解决这个问题,不管是最小宽还是直接的宽度都ok
时间:2023-11-14 14:26:25
在写界面时遇到一个问题:在flex布局中想实现文字超出隐藏并显示省略号,结果使用white-space:nowrap后,flex布局失效了....
想实现的效果:
结果:
解决办法:
给包含文字元素的父元素设置min-width: 0
总结:
white-space:nowrap会影响flex布局下未设定宽度的元素,而只要对元素的宽度有一个下限设定就可以解决这个问题,不管是最小宽还是直接的宽度都ok
flex布局遇到white-space:nowrap怎么超出一行显示省略号
2020-03-18
grid布局或flex布局被white-space: nowrap撑开的问题
2023-08-10