码迷,mamicode.com
首页 > Web开发 > 详细

Html内容超出标记宽度后自动隐藏

时间:2014-12-30 13:17:06      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:

我们在显示长文本时,往往需要去在C#端去截取字符,但这绝对不是一个好方面,因为我们的长文本往往都是代HTML标记的,你一个载不好,就会出现乱码问题(出现半个HTML标记),而比较好的作法就是通过CSS去实现这个功能

span标签 当内容超出 强制不断行 自动换行
white-space:nowrap;

white-space:norma;

display:inline-block;

超出自动隐藏 英方不断行显示 (必须在块元素内)

overflow:hidden;

white-space:nowrap;

而如果希望在文字后面加上个...,就可以使用text-overflow: ellipsis;一般的主流浏览器都支持这个属性

 

技术分享

Html内容超出标记宽度后自动隐藏

标签:

原文地址:http://www.cnblogs.com/xs-yqz/p/4193331.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!