多行文本省略只生效一次是為什么

我的內(nèi)容是從后臺(tái)獲取的 后臺(tái)返回了標(biāo)簽和文本 我通過 v-html綁定到div里去 然后使它只顯示在三行帶省略號(hào) 這樣確實(shí)可以起作用 但是一刷新頁(yè)面或者進(jìn)入其它頁(yè)面再回來(lái) 就不起作用了 再怎么刷新頁(yè)面也不會(huì)起作用了
只能把horizontal改成vertical然后再改成horizontal保存代碼才生效 但是一刷新頁(yè)面就不起作用了 太神奇的
<div class="headline-content" v-html="report.content"></div>
div.headline-content {
color: #999999;
font-size: 13px;
margin-top: 18px;
//margin-bottom: 30px;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: horizontal;
}