怎么让text文本溢出后出现省略号？

最新推荐文章于 2023-07-10 00:02:52 发布

kakaxiD

最新推荐文章于 2023-07-10 00:02:52 发布

阅读量524

点赞数

CC 4.0 BY-SA版权

分类专栏：个人日记

本文链接：https://blog.youkuaiyun.com/kakaxiD/article/details/53924687

个人日记专栏收录该内容

108 篇文章

订阅专栏

<style>
    .test{
        width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        border: 1px solid #d1d1d1;
        white-space:nowrap;/*段落不进行换行*/
        max-width: 150px;
    }
</style>
<div class="test">大白菜大白菜好吃的大白菜可以吃</div>
<div class="test">洋葱大白菜</div>
<div class="test">大白菜大白菜好吃的大白菜可以吃大白菜大白菜好吃的大白菜可以吃大白菜大白菜好吃的大白菜可以吃</div>