文本超过一定宽度后在字末加省略号

文本设置宽度为50%,超出部分显示省略号:

wware打破瀑布模型。设计、产品、前端以及后端可以全部协同工作。 设计、产品、前端以及后端可以全部协同工作。 设计、产品、前端以及后端可以全部协同工作。设计、产品、前端以及后端可以全部协同工作。

实现原理

使用样式类文件更改样式外观

涉及知识点: 样式类

Step by Step

1. 为需要设置的文本添加样式类名称

2. 增加样式类文件

.pstyle {
  width:50%;/*文字宽度*/
  text-overflow:ellipsis;/*ellipsis:超出宽度显示省略号,clip:超出部分直接不显示*/
  overflow:hidden;/*超出部分隐藏*/
  white-space:nowrap;/*强制不换行*/
}

3. 修改样式类文件以达到想要的效果

注意事项

1. 注意填写样式类文件时 样式类名称前面有"."

2. 样式类中必须添加"overflow:hidden;white-space:nowrap;",否则不起作用.