国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板： 沿河| 邯郸市| 新建县| 鹿泉市| 如皋市| 灌南县| 通州区| 宁化县| 武山县| 奇台县| 荔浦县| 胶州市| 昆山市| 乃东县| 湾仔区| 民丰县| 锡林浩特市| 称多县| 怀远县| 南陵县| 民和| 南充市| 枞阳县| 静乐县| 志丹县| 临湘市| 高平市| 会宁县| 马鞍山市| 安平县| 莎车县| 海林市| 青神县| 丽江市| 贡山| 鹿泉市| 资阳市| 林口县| 巫山县| 翁牛特旗| 静海县|