flex布局下,div設(shè)置overflow無效問題
flex布局匯總,如果子元素如果文字長度超出,并不會按預(yù)期“文字超出部分顯示為用省略號代替”顯示,文字超出部分會撐開容器顯示。
已經(jīng)給超出文字的div設(shè)置了如下css
overflow:hidden;
text-overflow: ellipsis;
white-space: nowrap;
解決方法
給父級設(shè)置最小寬度即可
min-width:0;
版權(quán)聲明:
作者:applek
鏈接:http://m.aaigroup.cn/flexwt.html
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載。
THE END