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

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