Question

在html中如果文字超出多少个就省略

Answer 1

文字超出了需要隐藏并显示省略号这个在工作中很多时候都要用到，我想很多人都碰到过吧，这个有两种解决方法

一是用程序开截取字符长度，这个其实也是可以的

第二种是用样式来做,这里主要介绍一下用样式怎么来做吧，我话也不多说了吧直接上代码吧，

css样式如下：

[css]

css1{

color:#6699ff;border:1px #ff8000 dashed;

margin-bottom:20px;

width: 20em;/*不允许出现半汉字截断*/

}

css2 {

overflow: hidden; /*自动隐藏文字*/

text-overflow: ellipsis;/*文字隐藏后添加省略号*/

white-space: nowrap;/*强制不换行*/

width: 20em;/*不允许出现半汉字截断*/

color:#6699ff;border:1px #ff8000 dashed;

}

[/css]

html代码如下：

[html]

Web前端开发 _ 专注于网站前端设计与Web用户体验

Web前端开发 _ 专注于网站前端设计与Web用户体验

[/html]

css1{

color:#6699ff;border:1px #ff8000 dashed;

margin-bottom:20px;

width: 20em;/*不允许出现半汉字截断*/

}

logo设计

创造品牌价值

¥500元起

APP开发

量身定制，源码交付

¥2000元起

商标注册

一个好品牌从商标开始

¥1480元起

公司注册

注册公司全程代办

¥0元起

查

看

更

多

• 官方电话
• 官方服务
  • 官方网站
  • 八戒财税
  • 知识产权
  • 八戒服务商
  • 企业需求
  • 数字市场