前端入门css学习笔记（十二）-----溢出属性之显示省略号

最新推荐文章于 2024-09-15 23:59:26 发布

小不言啊

最新推荐文章于 2024-09-15 23:59:26 发布

阅读量164

点赞数

文章标签：前端 css

本文链接：https://blog.csdn.net/m0_61656944/article/details/122478403

版权

如果想要达到某宝或者某东的内容溢出属性显示，那么就要一下三个属性一起设置才能成功。

注意：同时需要给到宽度。

 div{
            background: yellow;
            width: 200px;
            height: 200px;


            /* 想要达到内容溢出显示省略号必须同时又一下三行代码，
                 同时需要设置宽度 */、
                   
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }