隐藏多余内容,使用...代替。CSS 样式 从前往后加载,需要有逻辑性

 问题:设置样式时,样式的内容都正确时而没有效果?

解决:查看样式的先后顺序。因为样式的加载时从前往后的(优先级高的先加载,同优先级从前往后。)

如果将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>

猜你喜欢

转载自blog.csdn.net/ASZJBGD/article/details/82690147