使用css让文本超出容器部分使用省略代替

这个直接上代码比较好

 div {
            width: 90px;
            height: 20px;
            border: 1px solid #66ccff;
            overflow: hidden;
            /* 内容超出容器隐藏 */
            white-space: nowrap;
            /* 强制一行显示 */
            text-overflow: ellipsis;
            /* 文本超出用省略号代替 */
        }

这个比较实用项目用到的几率比较大,之前一直用js来实现,最近再重新巩固前端基础知识的时候捡到了这个东西。

宁骑(07)

宁骑(07)

一枚苦逼的少年,因家境贫寒无奈的在17岁那年走上写代码的道路..从此步入了一条万劫不复的道

1 Comment

留下你的评论

*评论支持代码高亮<pre class="prettyprint linenums">代码</pre>