1. 程式人生 > >html中文和字母不在同一行

html中文和字母不在同一行

需求要實現釋出的公告自動換行,我將內容放入div,中文可以自動換行,長英文字串不可以換行,這是由於英文字元不加空格預設是一個單詞,導致不換行,嘗試加<pre>標籤也不行。

發現在div中加入css樣式word-break: break-all;可以成功,原來的效果如下:

加入word-break: break-all;樣式後效果如下:

有人說white-space: normal; 樣式和word-wrap: break-word; 樣式也可以實現,我用的是Chrome瀏覽器,沒有實現換行的效果。