如何设置超出文本自动变成省略号

遇到这个小bug,超出的文字叠加,丑哭又影响下文字段格式。因此想到我们伟大的CSS有这种解决办法,效果显著。 不说了,老板说今晚盒饭加鸡腿!

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

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 178,326评论 25 709
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,798评论 1 19
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 1,352评论 0 1
  • 这几天都是儿子自己洗澡,今晚我到洗澡间一看,他用的洗发露瓶子倒了,而且瓶口是开着的,洗发露洒出来好多,刚买...
    李玺辰妈妈阅读 235评论 0 1
  • 信息时代,每天都有好大一块时间浪费在划拉手机上。碎片式的信息获得了一堆,但对于自己的想法和见识并无很大的帮助。这跟...
    poguy阅读 241评论 0 0

友情链接更多精彩内容