javascript - 怎麼實作文字在一行內顯示，超過字數用...取代？

Question

如題，寬度固定，超過字數用...代替

Answer 1

overflow:hidden;white-space:nowrap;text-overflow:ellipsis;

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

傳送門，去看看

Answer 2

固定做法，需要以下四個條件：
1.寬度固定
2.overflow:hidden
3.white-space:nowrap
4.text-overflow:ellipsis

Answer 3

雷雷

Answer 4

首先第一點，需要給那一行一個固定的寬度，即使不給固定寬度，也需要透過margin來限制這行，說白了，就是讓這行有個固定的寬度。 。 。
其他的程式碼如下

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

Answer 5

/a/11...
兩種實作方式，固定寬度，超出部分顯示...，滑鼠懸浮現實省略內容

Answer 6

雷雷

Answer 7

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