首页 > 代码库 > css截断长文本显示
css截断长文本显示
截断长文本显示处理，以前是通过后台的截取，但这种方法容易丢失数据，不利于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。
css截断长文本显示
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。