当前位置: article > 正文

css如何做到文字不换行，超出的长度用省略号代替_css文字不换行超出容器宽度是省略号

作者：凡人多烦事01 | 2024-02-20 17:46:06

踩

css文字不换行超出容器宽度是省略号

    {width: 160px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
    说明：
    white-space: nowrap 保证文本内容不会自动换行，如果多余的内容会在水平方向撑破单元格。
    overflow: hidden 隐藏超出单元格的部分。
    text-overflow: ellipsis 将被隐藏的那部分用省略号代替。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/凡人多烦事01/article/detail/120483

css如何做到文字不换行，超出的长度用省略号代替_css文字不换行 超出容器宽度是省略号

css如何做到文字不换行，超出的长度用省略号代替_css文字不换行超出容器宽度是省略号