html 文字过长省略展示

1、单行省略展示

<div class="test-text">
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>
 .test-text {
        width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
 }

 

posted @ 2021-08-05 13:58  唏嘘-  阅读(475)  评论(0编辑  收藏  举报