javascript - 怎么实现文字在一行内显示,超过字数用...代替?
大家讲道理
大家讲道理 2017-05-19 10:13:23
0
7
903

如题,宽度固定,超过字数用...代替

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(7)
迷茫
overflow:hidden;white-space:nowrap;text-overflow:ellipsis;

overflow:hidden:超出隐藏
white-space:nowrap:强制不换行
text-overflow:ellipsis:超出省略号代替;

传送门,去看看

为情所困

固定做法,需要以下四个条件:
1.宽度固定
2.overflow:hidden
3.white-space:nowrap
4.text-overflow:ellipsis

小葫芦

雷雷

阿神

首先第一点,需要给那一行一个固定的宽度,即使不给固定宽度,也需要通过margin来限制这行,说白了,就是让这行有个固定的宽度。。。
其他的代码如下

如果是一个p标签
p{
    width:100px;//固定宽度
    overflow:hidden;//超出隐藏
    white-space:nowrap;//不换行
    text-overflow:ellipsis;//省略号
}
仅有的幸福

/a/11...
两种实现方式,固定宽度,超出部分显示...,鼠标悬浮现实省略内容

巴扎黑

雷雷

我想大声告诉你

有固定宽度,使用overflow:hidden;text-overflow:ellipsis;white-space:nowrap;

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!