div内文字超长强制不换行, 超长部分省略号

如果想在div内的文字超过限制长度又不想让他换行, 那么可以通过在css内如下设置, 即可实现超长部分不换行并以省略号代替
切记, 一定是块元素才可以

white-space:nowrap;
overflow:hidden;
text-overflow: ellipsis;
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,693评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,742评论 32 459
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 6,655评论 0 8
  • 318天。未来的日子总会让人产生无尽的想法。在经历了一段繁忙期后,突然开始做着以后各种各样的打算。有些打算是因为年...
    黑兔子Gary阅读 1,495评论 0 0
  • 我写作业太慢了所以好久没写日记。我很想自己写日记可是又不懂字,真是烦恼的是。我经常惹爸爸妈妈生气,有好多次是音为太...
    王怡婷阅读 2,600评论 2 1

友情链接更多精彩内容