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

Question

我的内容是从后台获取的 后台返回了标签和文本 我通过 v-html绑定到div里去 然后使它只显示在三行带省略号 这样确实可以起作用 但是一刷新页面或者进入其它页面再回来 就不起作用了 再怎么刷新页面也不会起作用了
只能把horizontal改成vertical然后再改成horizontal保存代码才生效 但是一刷新页面就不起作用了 太神奇的
<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;
}

Answer 1

给多点信息吧,要不就看下div.headline-content 类刷新后有没有作用上?chrome调试工具看下元素computed 的属性,看下那几个CSS属性是不是真的作用上了.

Answer 2

加上 visibility: visible;