欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

css怎么隐藏文本超出部分

程序员文章站 2022-03-28 14:21:46
...

css隐藏文本超出部分的方法:可以利用text-overflow属性来实现,如【text-overflow:ellipsis;】。属性值ellipsis表示用省略号来代表超出部分的文本。

css怎么隐藏文本超出部分

属性介绍:

text-overflow属性指定当文本溢出包含它的元素,应该发生什么。

(学习视频分享:css视频教程

语法:

text-overflow: clip|ellipsis|string;

属性值:

  • clip 修剪文本。

  • ellipsis 显示省略符号来代表被修剪的文本。

  • string 使用给定的字符串来代表被修剪的文本。

举例:

单行文本的溢出显示省略号

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

相关推荐:CSS教程

以上就是css怎么隐藏文本超出部分的详细内容,更多请关注其它相关文章!

相关标签: css 文本