CSS中超出字数显示省略号

分类:知识百科 日期: 点击:0

CSS中超出字数显示省略号是一种常用的文本处理技术,它可以在文本超出指定容器时,自动将多余的文字用省略号(...)代替,以此来确保文本在指定容器内可以完整显示。

CSS中超出字数显示省略号的实现,有两种方式,一种是使用CSS3中的text-overflow属性,另一种是使用CSS3中的word-wrap属性。

使用text-overflow属性来实现CSS中超出字数显示省略号,需要在父元素上设置overflow属性为hidden,在子元素上设置text-overflow属性为ellipsis,即可实现CSS中超出字数显示省略号的效果。

使用word-wrap属性来实现CSS中超出字数显示省略号,只需要在子元素上设置word-wrap属性为break-word,在子元素上设置white-space属性为nowrap,即可实现CSS中超出字数显示省略号的效果。

CSS中超出字数显示省略号是一种常用的文本处理技术,可以在文本超出指定容器时,自动将多余的文字用省略号(...)代替,以此来确保文本在指定容器内可以完整显示。它的实现,有两种方式,一种是使用CSS3中的text-overflow属性,另一种是使用CSS3中的word-wrap属性。

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。