重庆时时彩官方手机版:重庆时时彩开奖记录

关闭

核弹头小游戏

游戏轻松点
无需下载,点开即玩

拿起手机!扫我啊

核弹头小游戏
无需下载点击即玩

回到顶部

当前位置: 重庆时时彩开奖记录 > 游戏教程 > 正文

Html长文本超出标记宽度后自动截取代码

重庆时时彩开奖记录 www.iogb5.com.cn 来源:重庆时时彩开奖记录 www.iogb5.com.cn    作者:集   时间:2016-10-11

通过CSS去实现长文本自动截取功能,本人详细整理了一番,需要了解的朋友可以参考下!

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

span标签 当内容超出 强制不断行 自动换行

white-space:nowrap;white-space:norma;display:inline-block;

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

代码如下:

white-space:nowrap;white-space:norma;display:inline-block;

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

代码如下:

.tbconxx {

float: left;

width: 255px;

padding: 5px 10px;

}

.tbconxx li,tbconxx span {

padding-left: 7px;

text-overflow: ellipsis;

overflow: hidden;

display: block;

white-space: nowrap;

width: 240px;

}

这样就可以实现超过的文字自动隐藏的效果了。

核弹头小游戏网发布此文仅为传递信息,不代表认同其观点或者证实其描述!
  • 李永波:伦敦“黄金一代”里约迎挑战 2018-11-19
  • 如何“炸掉”一颗星星:恒星爆发背后推手 2018-11-19
  • 光明网时评频道原创稿件(漫画)转载声明 2018-11-18
  • 骆惠宁主持召开十一届省委全面深化改革领导小组第十五次会议 2018-11-18
  • 晋城到运城要建高铁啦! 2018-11-17
  • 大阪发生6.1级地震 至少造成3人死亡 2018-11-16
  • 【新时代 新作为 新篇章】特色枣木香菇畅销市场 2018-11-15
  • 广州市第十五届人大常委会第十四次会议第一次全体会议 2018-11-15
  • 国家市场监管总局:改革调整强制性产品认证目录及实施方式 2018-11-14
  • 《向往的生活》蘑菇屋F4秒变土味F4引爆笑 黄磊扮演"道明磊" 2018-11-14
  • 做奋斗者  做实干家 2018-11-13
  • 韩国提东亚四国联合申办世界杯,中国足协:并无计划 2018-11-12
  • 世界杯揭幕战打响 现场球迷抢眼 2018-11-12
  • 紫光阁中共中央国家机关工作委员会 2018-11-11
  • 法制日报:打赏制别损害消费者权益 2018-11-11
  • 524| 610| 240| 664| 199| 346| 924| 698| 396| 735|