Powered by md-Blog  文 - 篇  访客 -

文本不换行,多出的文本变成省略号


  分类:写一个Demo  / 
更新:2020-11-01 17:25:47  /  创建:2020-06-08 14:53:04
不要删除

Demo

img

源码

<div id="box">
    <div id="text">1234567890</div>
</div>
<style>
#text{
    width: 60px;    /* 限制宽度 */
    overflow: hidden;       /* 超出隐藏 */
    white-space: nowrap;    /* 不换行 */
    text-overflow: ellipsis;    /* 省略号 */
}
</style>

不要删除

小站不易,感谢支持!