css控制文字过长裁剪后面跟着省略号
时间：2017-11-22 16:20:13|栏目：CSS|点击： 次
首先要加的是这些属性
{height:value;width:value;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;}
加高度这些文字过长就不会往下面跑，直接隐藏掉。
加
white-space: nowrap;
才能显示出省略号，不加就是显示不出来
上一篇：浏览器的User Agent Stylesheet解决方法
栏 目：CSS
下一篇：text-indent首行缩进两个字符和图片缩进的问题
本文标题：css控制文字过长裁剪后面跟着省略号
本文地址：https://www.fushidao.cc/wangyezhizuo/10.html
您可能感兴趣的文章
- 04-29使用CSS实现一个同态效果
- 03-25CSS实现两列布局的N种方法
- 03-25CSS实现隐藏搜索框功能(动画正反向序列)
- 03-25纯CSS3实现div按照顺序出入效果
- 03-25CSS3中Animation实现简单的手指点击动画的示例
- 03-25详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)
- 11-22text-indent首行缩进两个字符和图片缩进的问题
- 11-22css控制文字过长裁剪后面跟着省略号
- 11-22浏览器的User Agent Stylesheet解决方法
- 11-22css中margin-top或者margin-bottom失效的解决方法
阅读排行
推荐教程
- 03-25CSS实现两列布局的N种方法
- 03-25CSS3中Animation实现简单的手指点击动画的示例
- 03-25详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)
- 03-25CSS实现隐藏搜索框功能(动画正反向序列)
- 04-29使用CSS实现一个同态效果
- 03-25纯CSS3实现div按照顺序出入效果
- 11-22css控制文字过长裁剪后面跟着省略号
- 11-22text-indent首行缩进两个字符和图片缩进的问题
- 11-22浏览器的User Agent Stylesheet解决方法
- 11-22css中margin-top或者margin-bottom失效的解决方法