css如何設置超出部分隱藏
在css中，可以將元素的overflow屬性設置為hidden，實現超出部分隱藏。下面小編舉例講解css如何設置超出部分隱藏。
東西/原料
- html+css
- 代碼編纂器：zend studio 10.0
方式/步調
- 1
新建一個html文件，定名為test.html，用于講解css若何設置超出部門埋沒。
- 2
在test.html文件內，利用div標簽建立一行文字，用于測試。
- 3
在test.html文件內，設置div標簽的class屬性為txtdiv，用于下面經由過程該class界說其樣式。
- 4
在css標簽內，經由過程class設置div的樣式，界說其寬度為100px，高度為25px，布景顏色為灰色。
- 5
在css標簽內，再利用“overflow:hidden”來設置當div內的文字跨越寬度時，埋沒不顯示。
- 6
在瀏覽器打開test.html文件，查看成果。
END
總結：
- 1
1、利用div標簽建立一行文字，設置div標簽的class屬性為txtdiv。
END
2、在css標簽內，經由過程class設置div的樣式，界說其寬度，高度，再利用“overflow:hidden”來設置當div內的文字跨越寬度時，埋沒不顯示。
注重事項
- 若想超出部門以省略號顯示，還需要加上text-overflow:ellipsis和white-space: nowrap設置。
- 發表于 2020-05-01 19:00
- 閱讀 ( 1134 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章