开发者社区> 问答> 正文

jquery 怎么实现 超过固定长度的文字不显示

如题:

<dl>

    <dt>

           <a href="">电力整流装置及整流器</a>

    </dt>

     <dt>    

           <a href="">电容器</a>

    </dt>

</dl>

实际上“电力整流装置及整流器”超过div的宽度,后面几个字自动换行了。怎么显示成"电力整流装置及..." 这样的,或者别的解决方案。谢过各位大神

展开
收起
a123456678 2016-07-13 15:43:38 2632 0
1 条回答
写回答
取消 提交回答
  • 淘宝目前用的是直接overflow=hidden,超出即隐藏

    当然css可以实现省略号的,

    .ellipsis{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;}

    但是要求必须设置宽度,这点要求让自适应比较难做,甚至不得以用js读取外围宽度然后设置才可以实现自适应,

    2019-07-17 19:55:42
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载