CSS文本超出部分隐藏
2018-03-16 19:56
381 查看
overflow:hidden; //文本超出隐藏
text-overflow:ellipsis; //文本超出用...显示 如果不想显示...改成 text-overflow:clip;
white-space:nowrap; //超出不换行 如果不设置white-space:nowrap;属性的话 那么文本会出现这样的情况
文本自动换行了,但是容器高度不够的话文字会剪掉一截的,所以如果想要实现文本显示两行超过隐藏的话可以通过调整容器高度来实现
text-overflow:ellipsis; //文本超出用...显示 如果不想显示...改成 text-overflow:clip;
white-space:nowrap; //超出不换行 如果不设置white-space:nowrap;属性的话 那么文本会出现这样的情况
文本自动换行了,但是容器高度不够的话文字会剪掉一截的,所以如果想要实现文本显示两行超过隐藏的话可以通过调整容器高度来实现
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSS让文本只显示一行，超出部分隐藏或以三个点结束
- css实现文本超出部分隐藏(完整)
- CSS 文本超出部分隐藏
- css 文本超出时隐藏超出部分
- CSS---前端通过 css如何实现overflow:auto滚动超出部分的同时隐藏滚动条？
- 使用Css隐藏超出容器宽度的文字，溢出部分用“...”表示
- css style让超出部分隐藏，显示...
- css 文本超出2行就隐藏并且显示省略号(适用于Chrome)
- css 文本超出2行就隐藏并且显示省略号
- CSS 文本超出指定宽度后隐藏并显示为省略号鼠标移上显示全文
- css 文本超出隐藏并且显示省略号
- 显示指定长度的文本，超出部分隐藏
- css 文本超出2行就隐藏并且显示省略号
- css实现文本超出部分显示省略号
- CSS- 文本超出指定宽度后隐藏并显示为省略号
- css控制文本超出部分用省略号表示
- css控制文字 文本超出部分显示省略号
- css基础 text-overflow 文本一行显示，超出部分变为...
- 设置多行文本超出显示省略号，在手机端超出部分无法隐藏解决方法
- css 文本超出2行就隐藏并且显示省略号