HTML 标签多中文符号出现换行

Question

开发移动端的网页出现的问题

一个帖子标题用了多个中文符号，就莫名奇妙的换行啦

/* 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页面元素

是这样子的，我删除几个标点符号后，页面能回复正常

Answer 1

加上word-break: keep-all;即可解决。
keep-all是不允许CJK(Chinese/Japanese/Korean)文本中的单词换行，只能在半角空格或连字符处换行。