CSS 省略号的故事

简介: 最近看某些页面可以把未显示完全的字显示成省略号,十分心动,部署到测试服务器上却发现不成,一度以为不支持。 研究半天终于搞明白怎么实现了。 这东西需要 1 overflow:hidden 2 white-space:nowrap 3 text-overflow:ellipsis 

最近看某些页面可以把未显示完全的字显示成省略号,十分心动,部署到测试服务器上却发现不成,一度以为不支持。


研究半天终于搞明白怎么实现了。

这东西需要

1 overflow:hidden

2 white-space:nowrap

3 text-overflow:ellipsis 

相关文章
|
8月前
|
前端开发
CSS 限制文字行数(超出显示省略号...)
CSS 限制文字行数(超出显示省略号...)
79 0
|
27天前
|
前端开发
CSS多行省略的方法有哪些
CSS多行省略的方法有哪些
|
27天前
|
弹性计算 前端开发
CSS 文字超出变为省略号
CSS 文字超出变为省略号
9 0
|
2月前
|
前端开发
CSS文本单行溢出显示省略号与多行溢出显示省略号(简单易懂)
CSS文本单行溢出显示省略号与多行溢出显示省略号(简单易懂)
CSS-实现省略号
省略号作用 在制作网页的时候,经常会遇到文字内容太多超出部分省略的情况 我们可以把这个类设置在公共样式里,需要的时候随时调用
|
5月前
|
前端开发
CSS:实现文本超出显示省略效果(可指定几行显示)
CSS:实现文本超出显示省略效果(可指定几行显示)
|
6月前
|
前端开发
css实现溢出部分文字成为省略号
css实现溢出部分文字成为省略号
18 0
|
6月前
|
前端开发 容器
css溢出隐藏省略号不生效如何解决?
css溢出隐藏省略号不生效如何解决?
70 0
|
7月前
|
Web App开发 弹性计算 前端开发
CSS 单行/多行文本溢出显示省略号(...)的实现
CSS 单行/多行文本溢出显示省略号
110 0
CSS 单行/多行文本溢出显示省略号(...)的实现
|
7月前
|
前端开发
【CSS用法】css限制一行文字数量,超出部分用省略号显示
【CSS用法】css限制一行文字数量,超出部分用省略号显示
61 0