文本超出宽度显示省略号

最新推荐文章于 2024-10-05 15:00:00 发布

weixin_45162984

最新推荐文章于 2024-10-05 15:00:00 发布

阅读量3.4k

点赞数 4

分类专栏：前端css 文章标签：前端 css 文本

本文链接：https://blog.csdn.net/weixin_45162984/article/details/90726930

版权

前端css 专栏收录该内容

20 篇文章 1 订阅

订阅专栏

文本超出宽度显示省略号

这里需要用到text-overflow属性,且需要配合使用不换行、溢出隐藏、宽度

    <style>
            body,body * {
                margin: 0;
                padding: 0;
            }
            .a {
                width: 100px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        </style>
        <p class="a">文本超出宽度显示省略号</p>