如何在css中設(shè)置超出部分隱藏

發(fā)布時(shí)間：2021-04-16 15:44:29 來源：億速云閱讀：540 作者：Leah 欄目：web開發(fā)

本篇文章給大家分享的是有關(guān)如何在css中設(shè)置超出部分隱藏，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

css設(shè)置超出部分隱藏的方法：

1、新建一個(gè)html文件，命名為test.html，用于講解css如何設(shè)置超出部分隱藏。

2、在test.html文件內(nèi)，使用div標(biāo)簽創(chuàng)建一行文字，用于測試。

如何在css中設(shè)置超出部分隱藏

3、在test.html文件內(nèi)，設(shè)置div標(biāo)簽的class屬性為txtdiv，用于下面通過該class定義其樣式。

如何在css中設(shè)置超出部分隱藏

4、在css標(biāo)簽內(nèi)，通過class設(shè)置div的樣式，定義其寬度為100px，高度為25px，背景顏色為灰色。

如何在css中設(shè)置超出部分隱藏

5、在css標(biāo)簽內(nèi)，再使用“overflow:hidden”來設(shè)置當(dāng)div內(nèi)的文字超過寬度時(shí)，隱藏不顯示。

如何在css中設(shè)置超出部分隱藏

6、在瀏覽器打開test.html文件，查看結(jié)果。

如何在css中設(shè)置超出部分隱藏

以上就是如何在css中設(shè)置超出部分隱藏，小編相信有部分知識點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見到或用到的。希望你能通過這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

猜你喜歡