overflow:文本溢位設定
hidden 超出隱藏
scroll 超出時滾動查看(未超出時也有滾動機制)
auto 超出時滾動查看(自適應,未超出時不會有滾動機制)
inherit 繼承父級的overflow設定
white-space:文本空白
normal 默認值
pre 保留所有格式,且不會被迫換行
pre-wrap 保留所有格式,但是會被迫換行
nowrap 強制不換行,但是干不掉br標簽
text-overflow:文本省略號;
clip 裁剪
ellipsis 省略號
想要顯示省略號四部曲:
1:元素設定寬度,且內容足夠
2:white-sapce:nowrap; 強制不換行;
3:overflow:hidden; 超出隱藏;
4:text-overflow:ellipsis;變成省略號;
注意:只針對單行文本有效
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/65734.html
標籤:Html/Css
上一篇:javascript中獲取dom元素的高度和寬度【轉】
下一篇:Vue3教程,搶先學習
