css截断长文本显示

浏览数：40 / 时间：2015年06月09日

截断长文本显示处理，以前是通过后台的截取，但这种方法容易丢失数据，不利于SEO。

而通过前端css的截断，则灵活多变，可统一运用与整个网站。

这项技术主要运用了text-overflow属性，这个虽是css3的属性，但是在各大浏览器却兼容

非常好，ie6系列全部兼容。

        .e{
            display:inline-block;width: 40px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
        }
        .e:hover{
            cursor: pointer;text-overflow: clip;width: auto;
        }    

 <span class=‘e‘>abcdddsdsafdsacdsavdsac</span>

宽度需要指定，这样设置隐藏的宽度，而且也可出发IE67的hasLayout。

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style log 数据 si 方法 it ha la class style log 数据 si 方法 it ha la

相关文章

随机文章

您可能还喜欢

您可能还喜欢