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

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

作者: Oo晨晨oO | 来源:发表于2017-09-27 15:22 被阅读30次

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

    white-space:nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
    

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/layuextx.html