CSS杂记:文字溢出时显示省略号的样式效果

Posted ~_~

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS杂记:文字溢出时显示省略号的样式效果相关的知识,希望对你有一定的参考价值。

1. 应用案例

以京东页面为例:

2. CSS样式实现

2.1. 单行文字溢出显示省略号效果

代码示例:

`

Document
这是一段测试文本,测试单行文字溢出的CSS样式。
`

展示效果:

2.2. 多行文字溢出显示省略号效果

代码示例:

`

Document
这是一段测试文本,测试单行文字溢出的CSS样式。 这是一段测试文本,测试单行文字溢出的CSS样式。
`

展示效果:

以上是关于CSS杂记:文字溢出时显示省略号的样式效果的主要内容,如果未能解决你的问题,请参考以下文章

div内多行文字, 溢出部分用省略号显示

当页面内容溢出或超出边界时显示省略号

css3中的字体样式

文本溢出时显示省略号

web前端入门到实战:css实现单行、多行文本超出显示省略号

文本溢出显示省略号之css