1. 程式人生 > >div自動換行及截斷文字

div自動換行及截斷文字

之前在vue上模擬對話方塊,動態生成的div裡內容沒有自動換行,找到一個解決辦法是css加word-wrap樣式:
word-wrap:break-word;行末會把單詞作為整體切換到下一行;
另外還有一個word-break:break-all;把單詞截斷到下一行。
怕忘記,先記在這裡。

.truncate{
width:100px;
overflow:hidden;
text-overflow:ellipsis;
white-space:no-wrap;
}