OVERFLOW:HIDDEN和DISPLAY:NONE之间有什么区别

2022-03-22 00:00:00 overflow css hidden

OVERFLOW:HIDDED和DISPLAY:NONE有什么区别?


解决方案

示例:

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

如果包含此类的挡路中的文本比这个小方框可以显示的文本大(长),超出的部分将被隐藏。您将仅看到文本的开头。

display: none;将只隐藏挡路。

注意,您还有visibility: hidden;它隐藏挡路的内容,但挡路仍将位于布局中,可以四处移动。

相关文章