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 伪类有哪些

css怎么设置无边框

css怎么设置首行缩进2字符

css如何解决图片底部空白缝隙问题

css中submit意思是什么

css怎么设置div边框颜色

csscss3的区别是什么

图片 css div居中代码怎么写

css怎么设置超链接文本为白色

css如何设置黑体

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




打赏

取消

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

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

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

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

评论

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