国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

一行文字超過div寬度的時如何讓它不換行

2024-07-11 08:30:54
字體：大 中 小
來源：轉載
供稿：網(wǎng)友
當一行文字超過div寬度的時候，瀏覽器中默認是讓它換行顯示的，如果不想讓他換行顯示那要怎么辦呢？

我想大家首先想到的辦法就是用截斷文字加“...”的做法。

現(xiàn)在我所說的方法則是采用CSS的方法實現(xiàn)：

復制代碼
代碼如下:
display:block;/*內聯(lián)對象需加*/
width:100px;
word-break:keep-all; /* 不換行 */
white-space:nowrap; /* 不換行 */
overflow:hidden; /* 內容超出寬度時隱藏超出部分的內容 */
text-overflow:ellipsis; /* 當對象內文本溢出時顯示省略標記(...) ；需與overflow:hidden;一起使用。*/

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 定结县| 赤城县| 新沂市| 尉氏县| 定远县| 横山县| 吉水县| 晋江市| 双峰县| 玉屏| 清河县| 罗城| 久治县| 寿宁县| 镇远县| 平和县| 葵青区| 蒙城县| 泸州市| 吐鲁番市| 象山县| 平江县| 织金县| 平远县| 仁怀市| 炉霍县| 辰溪县| 乌拉特中旗| 隆昌县| 旺苍县| 静乐县| 精河县| 谷城县| 大悟县| 周至县| 女性| 兴城市| 云阳县| 中方县| 青冈县| 正蓝旗|