84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
如题,宽度固定,超过字数用...代替
光阴似箭催人老,日月如移越少年。
overflow:hidden;white-space:nowrap;text-overflow:ellipsis; overflow:hidden:超出隐藏 white-space:nowrap:强制不换行 text-overflow:ellipsis:超出省略号代替;
传送门,去看看
固定做法,需要以下四个条件:1.宽度固定2.overflow:hidden3.white-space:nowrap4.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;
传送门,去看看
固定做法,需要以下四个条件:
1.宽度固定
2.overflow:hidden
3.white-space:nowrap
4.text-overflow:ellipsis
雷雷
首先第一点,需要给那一行一个固定的宽度,即使不给固定宽度,也需要通过margin来限制这行,说白了,就是让这行有个固定的宽度。。。
其他的代码如下
/a/11...
两种实现方式,固定宽度,超出部分显示...,鼠标悬浮现实省略内容
雷雷
有固定宽度,使用overflow:hidden;text-overflow:ellipsis;white-space:nowrap;