在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5  HTML/ HTML 標(biāo)簽多中文符號(hào)出現(xiàn)換行

HTML 標(biāo)簽多中文符號(hào)出現(xiàn)換行

開(kāi)發(fā)移動(dòng)端的網(wǎng)頁(yè)出現(xiàn)的問(wèn)題

clipboard.png

一個(gè)帖子標(biāo)題用了多個(gè)中文符號(hào)，就莫名奇妙的換行啦

/* css樣式*/
.title {
    max-height: 44px;
    line-height: 22px;
    padding: 0;
    margin: 15px 0 0 0;
    font-size: 20px;
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

F12頁(yè)面元素

clipboard.png
是這樣子的，我刪除幾個(gè)標(biāo)點(diǎn)符號(hào)后，頁(yè)面能回復(fù)正常

回答
編輯回答
空痕

加上word-break: keep-all;即可解決。
keep-all是不允許CJK(Chinese/Japanese/Korean)文本中的單詞換行，只能在半角空格或連字符處換行。

2017年9月14日 17:01