如題,寬度固定,超過字數用...代替
光阴似箭催人老,日月如移越少年。
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;