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