overflow:hidden和display:none有什么区别

Question

overflow:hidden和display:none有什么区别？

Answer 1

例:

.oh
{
  height: 50px;
  width: 200px;
  overflow: hidden;
}

如果具有此类的块中的文本比此小框可以显示的更大(更长),则多余的文本将被隐藏.您将只看到文本的开头.

display: none; 只会隐藏块.

请注意,您还visibility: hidden;隐藏了块的内容,但块仍将在布局中,移动物体.

Answer 2

display: none 从页面中删除元素,页面流动就像它根本不存在一样.

overflow: hidden:

CSS overflow: hidden属性可用于根据浏览器窗口的宽度显示或多或少的元素.

Answer 3

溢出:隐藏只是说如果文本在此元素之外流动,则滚动条不显示.display:none表示元素未显示.