當前位置:妙知谷 >

遊戲數碼 >IT技術 >

CSS 的overflow:hidden 屬性詳細解釋

CSS 的overflow:hidden 屬性詳細解釋

操作方法

首先我們寫一個div,div裏就是一段文字。

CSS 的overflow:hidden 屬性詳細解釋

然後寫一些css樣式,關鍵部分是指定div的寬度,如圖的樣式代碼

CSS 的overflow:hidden 屬性詳細解釋 第2張

刷新頁面,可以看到我們的文字在超長的時候,顯示在div的外面了。

CSS 的overflow:hidden 屬性詳細解釋 第3張

這時就要用到我們的overflow:hidden樣式了。該樣式就是為了避免超長時,顯示內容溢出的,在樣式裏添加上這個。

CSS 的overflow:hidden 屬性詳細解釋 第4張

再次刷新頁面,可以看到現在超出的文字已經被隱藏掉了。

CSS 的overflow:hidden 屬性詳細解釋 第5張
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/itjishu/3k3vo.html