用css樣式實現在超出長度後,自動顯示為。。。

2021-08-22 06:56:36 字數 427 閱讀 2221

overflow:hidden就可以了

配合width:50px;之類的,就可以了。

特意在網上搜尋了一下:

text-overflow版本:ie6+專有屬性 繼承性:無

語法:text-overflow :clip|ellipsis

引數:clip :不顯示省略標記(...),而是簡單的裁切

ellipsis :當物件內文字溢位時顯示省略標記(...)

說明:設定或檢索是否使用乙個省略標記(...)標示物件內文字的溢位。

對應的指令碼特性為textoverflow。請參閱我編寫的其他書目。

示例:div

css實現超出div長度用省略號表示

源 其實不複雜,寫法如下 雙寬頻 無線wifi 網速公升3倍 wifi手機設定無線上網的方法 不過你不能照搬上述 到你的網頁裡,要弄清楚div樣式裡的幾個屬性。overflow hidden overflow 屬性規定當內容溢位元素框時發生的事情。這個屬性定義溢位元素內容區的內容會如何處理。hidd...

css實現超出div長度文字自動隱藏或用省略號表示

展現效果 展現效果 css實現超出div長度用省略號表示 overflow hidden overflow 屬性規定當內容溢位元素框時發生的事情。這個屬性定義溢位元素內容區的內容會如何處理。hidden 表示內容會被修剪,並且剪掉的內容是不可見的。white space nowrap 規定文字不進行...

css實現超出div長度文字自動隱藏或用省略號表示

在網頁設計中,一些區域的標題文字是不能換行的,例如首頁顯示的文章標題,因為布局是固定的,換行會打亂布局,從而使網頁產生錯位。因此,我們需要一行一段文字,超出行寬的文字用省略號表示或者直接去掉不用省略號代替。看看下圖中的例項。超出div長度用省略號表示 css實現超出div長度用省略號表示 源 其實不...