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文件开头怎么写

css可以在html里面写吗

巧用css将背景图像固定在视口

css设置背景透明度有什么方式

css 实现三栏自适应布局

css文本属性有什么

css如何实现幻灯片效果

css如何把背景旋转

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




打赏

取消

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

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

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

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

评论

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