文字超出寬度後，顯示省略號的解決辦法，以及flex與超出顯示省略號衝突問題

文字超出寬度後，顯示省略號的解決辦法html overflow:hidden; white-space:nowrap; text-overflow:ellipsis; 須要注意的是，在移動端在flex元素中的內容進行省略文字的操做，則flex失效，flex以外的內容寬度不受控制，圖片寬度沒法撐起，解決辦法以下：給設置了flex:1;彈性寬度的div設置最小寬度爲0能夠解決此問題。flex flex

>>阅读原文<<