问题:设置样式时,样式的内容都正确时而没有效果?
解决:查看样式的先后顺序。因为样式的加载时从前往后的(优先级高的先加载,同优先级从前往后。)
如果将overflow属性放在height之前,会使overflow属性失效,由于在从前往后加载时,如果先加载overflow而没有height时,是无法实现隐藏的,因为没有高度而控制高度是不存在的。
<div style="width: 150px;
height: 25px;display: inline-block">
<div style="width: 150px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1; //这里是在第二行有省略号
height: 25px;
overflow: hidden;">${orgChannel.channelName}</div></div>