今天来谈谈内容溢出和文字溢出的问题

简介: 今天来谈谈内容溢出和文字溢出的问题

今天来谈谈内容溢出和文字溢出问题

1、内容溢出

overflow:hidden|auto|scroll;
overflow:hidden;表示溢出部分隐藏(自动找高,自动找到原位置)
overflow:auto;自动,当内容溢出显示滚动条,当内容不溢出就没有滚动条
overflow:scroll;溢不溢出都显示滚动条

2、一行文字溢出省略号显示:

一行文字溢出我们在小米官网最常见了,不信看下图,个人觉得还挺重要的:

1)在同一行显示:
white-space:nowrap;
2)溢出部分隐藏:
overflow:hidden;
3)文字溢出
text-overflow:ellipsis;


相关文章
|
JavaScript 前端开发
文本溢出【单行和多行文本溢出】
文本溢出【单行和多行文本溢出】
|
容器
文本溢出省略号text-overflow: ellipsis显示无效?这一属性到底该怎么用?
文本溢出省略号text-overflow: ellipsis显示无效?这一属性到底该怎么用?
226 0
|
8月前
|
前端开发 JavaScript UED
|
8月前
|
前端开发
css实现单行文本溢出以及多行文本溢出
css实现单行文本溢出以及多行文本溢出
如何实现单⾏/多⾏⽂本溢出的省略样式?
如何实现单⾏/多⾏⽂本溢出的省略样式?
多行文本溢出显示省略号
多行文本溢出显示省略号
73 0
|
前端开发
前端学习案例2-文本溢出-呈现圆点显示2多行文本溢出
前端学习案例2-文本溢出-呈现圆点显示2多行文本溢出
81 0
WORD研究:“允许标点溢出边界”在稿纸下有用,其他情况下很不明显
WORD研究:“允许标点溢出边界”在稿纸下有用,其他情况下很不明显
299 0
WORD研究:“允许标点溢出边界”在稿纸下有用,其他情况下很不明显

热门文章

最新文章