css 超過寬度的文字顯示點點

2021-09-02 06:18:30 字數 387 閱讀 1479

要顯示為點點,3個缺一不可,還有,除了firefox,opera其他瀏覽器都支援,包括可惡的ie6。

**如下:

text-overflow : ellipsis;

white-space : nowrap;

overflow : hidden;

解釋一下:

text-overflow :ellipsis; //讓截斷的文字顯示為點點。還有乙個值是clip意思是截斷不顯示點點

white-space : nowrap; //讓文字不換行

overflow : hidden; //超出要隱藏

要顯示為點點,3個缺一不可,還有,除了firefox,opera其他瀏覽器都支援,包括可惡的ie6

文字超過寬度,顯示

我們經常會在樣式中需要顯示點點點,分兩種情況 一 單行文字 三句話,給這個元素設定css overflow hidden 超出隱藏 text overflow ellipsis 當文字溢位包含它的元素時,顯示省略符號來代表被修剪的文字 white space nowrap 不換行 二 多行文字 多行...

CSS內容超過寬度顯示省略號

實現 overflow hidden 超出的文字隱藏 text overflow ellipsis 溢位用省略號顯示 white space nowrap 溢位不換行沒效果解決方案 放置文字的元素使用塊級元素 例如 p,div,不要使用 span 等行內元素。例 css text html 你好你好...

css超過一定長度顯示點點

text overflow clip ellipsis 作用 文字溢位簡單的裁切 text overflow clip 表示不顯示省略標記 只是簡單的裁切,需要配合overflow hidden和height才能生效,使用text overflow clip能做到的事情,單獨使用overflow h...