javascript - 怎麼實作文字在一行內顯示,超過字數用...取代?
大家讲道理
大家讲道理 2017-05-19 10:13:23
0
7
902

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

大家讲道理
大家讲道理

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

全部回覆(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學習者快速成長!