文本溢出变省略号设置
2020-08-10 19:23
78 查看
当文本溢出时要显示省略号的效果需完成以下定义：
1、容器设置宽度:width value;(px %,都可以）
2、强制文本在一行内显示：white-space:nowrap;
3、溢出内容为隐藏：overflow:hidden;
4、溢出文本显示省略号：text-overflow:ellipsis;
注：必须是单行文本！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 设置文本显示为2行，溢出隐藏后以省略号结尾
- 移动端和pc端都支持的--多行和单行文本溢出显示省略号设置
- 网页新闻列表编写流程和文本溢出变省略号设置
- 设置文本溢出后以省略号显示（三步走）
- text-overflow设置容器中文本溢出省略号...
- CSS多行文本溢出省略号...显示设置
- 文本多行最后一行溢出隐藏显示省略号
- CSS文本溢出时添加省略号
- 如何让溢出容器的文本显示为省略号？（CSS）
- css实现单行和多行文本溢出显示省略号点点点...
- CSS实现单行、多行文本溢出显示省略号（…）
- css 溢出文本显示省略号
- 多行文本溢出省略号
- 多行文本溢出显示省略号
- 使用text-overflow:ellipsis对溢出文本显示省略号
- 多行文本溢出显示省略号(…) text-overflow: ellipsis
- CSS设置多余的文本显示省略号
- 多行文本溢出显示省略号…
- css设置文本最多显示两行，多余部分为省略号
- CSS3文本溢出显示省略号