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;