如何使用 CSS 隐藏超出 DIV 元素的文本？

在本文中，我们将学习如何使用 CSS 隐藏超出 DIV 元素的文本。这个问题主要发生在 DIV 元素的高度和宽度都很小时，以至于所有的文本都无法放入那个 DIv 中。

文本输出

这里，DIV 元素的区域用红色边框表示，我们可以清楚地看到文本超出了它。

我们可以通过使用 CSS 溢出属性来解决这个问题。

overflow: hidden;
hidden – The overflow is clipped, and the rest of the content will be invisible.

例子：

.gfg{
    height: 50px;
    width: 100px;
    overflow: hidden;
}

代码实现：

HTML

  


  

    

        GeeksForGeeks Articles
    

  

输出：

溢出项被隐藏