打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
可以大胆的用text-overflow:ellipsis;
Firefox,Chrome,Safari,Opera等浏览器较新版本均支持:text-overflow:ellipsis;了。

<!DOCTYPE html>
<html>
<head>
    <meta charset="gbk">
    <title>text-overflow: ellipsis;</title>
</head>
<style>
    .text-overflow {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
</style>
<body>
<a href="#" class="text-overflow" style="width:110px;">测试文字能否被截取</a><br>
<b class="text-overflow" style="width:100px;">测试文字能否被截取</b>
</body>
</html>
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
CSS3属性之五:text-overflow
移动端常见问题(单行和多行文字溢出省略)
手机端的一个宽度计算问题(一)
DIV 内容 溢出
input属性 - 且歌且行 - JavaEye技术网站
tabel隐藏第一行控制列宽
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服