css怎么隐藏文本超出部分


本文摘自PHP中文网,作者V,侵删。

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

属性介绍:

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

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

语法:

1

text-overflow: clip|ellipsis|string;

属性值:

  • clip 修剪文本。

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

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

举例:

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

1

2

3

overflow: hidden;

text-overflow:ellipsis;

white-space: nowrap;

相关推荐:CSS教程

以上就是css怎么隐藏文本超出部分的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css animation-play-state属性怎么用

为什么要使用css样式表

手把手教你使用css给html字体添加边框效果(代码分享)

多行文本进行截断的奇淫巧技

css的id选择器怎么定义

css如何设置div的宽度

css定位方式有哪几种

css如何获取图片的宽度

css文字居中怎么打

css中的伪元素有什么作用

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...