CSS实现单行显示文本并适应浏览器大小
2017-12-20 00:00
246 查看
摘要: 就是不写摘要.
实现
.text { white-space:nowrap; /*文本不换行*/ overflow: hidden; /*超出文本隐藏*/ text-overflow:ellipsis; /*超出文本替换 clip不显示 ellipsis省略号 指定string"..."->chrome不支持*/ }
测试
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>css 单行显示 text 适应browser size</title> <link rel="stylesheet" type="text/css" href="../css/style.css"> </head> <body> <div class="text">12345678 12345678 12345678</div> <p class="text">一二三四五六七八 一二三四五六七八</p> </body> </html>
效果图
相关文章推荐
- css实现单行文本以及多行文本溢出显示省略号
- CSS实现单行、多行文本溢出显示省略号
- CSS实现单行、多行文本溢出显示省略号(…)
- [置顶] CSS实现单行、多行文本溢出显示省略号(…)
- CSS实现单行、多行文本溢出显示省略号(…)
- CSS实现单行、多行文本溢出显示省略号(…)
- 重温CSS实现单行、多行文本溢出显示省略号(…)
- CSS实现单行、多行文本溢出显示省略号(…)
- CSS实现单行、多行文本溢出显示...的总结
- CSS实现单行、多行文本溢出显示省略号...
- css实现单行和多行文本溢出显示省略号点点点...
- 文字过长 用 ... 表示 CSS实现单行、多行文本溢出显示省略号
- CSS实现单行、多行文本溢出显示省略号
- CSS实现单行、多行文本溢出显示省略号(…)
- 如何用CSS实现DIV的高宽自适应浏览器大小
- CSS实现单行、多行文本溢出显示省略号(…)
- CSS实现单行、多行文本溢出显示省略号(…)
- CSS实现单行、多行文本溢出显示省略号(…)
- CSS实现单行、多行文本溢出显示省略号(…)
- CSS实现单行、多行文本溢出显示省略号