CSS截取字符串,多余文字用省略号显示_html/css_WEB-ITnose

最近才知道css也有这么叼炸天的一面~~~

做个类似论坛的页面,用户头像70px,但是用户名没法限定啊,英文中文都可以,你说他要是取个“我的名字好长呀,你该怎么办呢”,那老衲不就蛋疼菊花紧了~~

幸好,老衲于不幸中的万幸中发现了css这么叼炸天的一面,以前一直不知道,写出来分享给大家

很简单,大屁不多放,直接开菊花:

css里面如下设置:

立即学习“前端免费学习笔记(深入)”;

  1. a.name{line-height: 30px;text-align: center;text-overflow:ellipsis;//让超出的用...实现white-space:nowrap;//禁止换行overflow:hidden;//超出的隐藏display: block;}

登录后复制
我是用a标签写的用户名,所以要display:block一下。

唔,很简单,不过很好用。

(PS:不支持IE6!)

有任何指教,请加QQ:1740437

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
编程技术

input text 的事件及方法_html/css_WEB-ITnose

2025-3-28 13:28:42

编程技术

Codeforces Round #252 (Div. 2)-C,D_html/css_WEB-ITnose

2025-3-28 13:28:48

0 条回复 A文章作者 M管理员
欢迎您,新朋友,感谢参与互动!
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
私信列表
搜索