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

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

字符串過長CSS截取多余文字并用省略號顯示

2024-07-11 08:30:49
字體：大 中 小
供稿：網(wǎng)友
最近才知道css也有這么叼炸天的一面~~~

做個(gè)類似論壇的頁面，用戶頭像70px，但是用戶名沒法限定啊，英文中文都可以，你說他要是取個(gè)“我的名字好長呀，你該怎么辦呢”，那老衲不就狂急了~~

幸好，老衲于不幸中的萬幸中發(fā)現(xiàn)了css這么叼炸天的一面，以前一直不知道，寫出來分享給大家

很簡單，話不多說，直接上代碼：

css里面如下設(shè)置：

復(fù)制代碼
代碼如下:
a.name{
line-height: 30px;
text-align: center;
<span style="color:#ff0000;">text-overflow:ellipsis;</span>//讓超出的用...實(shí)現(xiàn)
<span style="color:#ff0000;">white-space:nowrap;</span>//禁止換行
<span style="color:#ff0000;">overflow:hidden;</span>//超出的隱藏
display: block;
}

我是用a標(biāo)簽寫的用戶名，所以要display:block一下。

唔，很簡單，不過很好用。（PS：不支持IE6！）

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 平罗县| 原平市| 通山县| 香格里拉县| 二连浩特市| 康马县| 铜鼓县| 桂林市| 阿勒泰市| 黄平县| 耿马| 冕宁县| 苍梧县| 韶关市| 安溪县| 千阳县| 长寿区| 汶上县| 海淀区| 焦作市| 荃湾区| 绍兴市| 内江市| 镇坪县| 安国市| 榆社县| 新竹县| 宣汉县| 秦皇岛市| 诸暨市| 沾益县| 田林县| 泰和县| 察雅县| 丹巴县| 淳化县| 大姚县| 桃源县| 衡南县| 安溪县| 泾川县|