CSS3文本溢出显示省略号-白红宇

CSS3文本溢出显示省略号

阅读量：7080 次

发布时间：2019-06-28

本文共 381 字，大约阅读时间需要 1 分钟。

CCS3属性之text-overflow:ellipsis;的用法和注意之处

语法：

text-overflow：clip | ellipsis

默认值：clip

适用于：所有元素

clip：当对象内文本溢出时不显示省略标记（...），而是将溢出的部分裁切掉。

ellipsis：当对象内文本溢出时显示省略标记（...）。

更多参考：

在使用的时候，有时候发现不会出现省略标记效果，经过测试发现，使用ellipsis的时候，必须配合overflow:hidden; white-space:nowrap; width:200px;这三个样式共同使用才会有效果，示例代码：


      
       欢迎光临
       何问起! hovertree.com css3实现文本溢出显示省略号。
       Midi下载

查看效果：

练习题：

转载地址：http://fvpml.baihongyu.com/

你可能感兴趣的文章

centos7.0体验与之前版本的不同

查看>>

《Docker生产环境实践指南》——1.2 从开发环境到生产环境

查看>>

Java NIO系列教程（五）通道之间的数据传输

理解 Android Battery 信息

查看>>

js红宝书总结-正则表达式

查看>>

Python2.7爬取acg178全站（大雾）

查看>>

iview 使用render渲染InputNumber,并格式化数字

查看>>

使用swoole改造laravel应用

查看>>

微信自动化工具---自动发送朋友圈（非root权限）

查看>>

在kubernetes集群中部署open-falcon

查看>>

手把手教你实现高性能Android树形控件 TreeView

查看>>

vue swiper轮播图不显示 swiper-pagination 小圆点