jsp 超出字數顯示省略號 滑鼠懸停顯示完整文字

2021-08-03 21:49:39 字數 867 閱讀 6031

**

列表頁中,控制某一列中的文字顯示:只顯示前16個字元,超出部分用省略號代替。當滑鼠懸停時,顯示該列的全部內容。

** 使用css來處理這個問題:

在jsp檔案中,新增內部樣式:

.ellipsis

然後,在列中使用該樣式:

class="css2"

title="$">$div>

td>

即可。

注意:1.在div裡面新增:

title="$"
這一語句即可實現滑鼠懸停顯示全部文字效果。

2.該樣式直接新增在td中,如寫成:

class="css2">$td>
無法實現省略號的效果。需要新增乙個div容器。

<%@ taglib prefix="s" uri="/struts-tags"

%>

然後在td中寫:

if test="remark.length()>5">    

"remark.substring(0,5)" />

"#" style="cursor:default;text-decoration:none;color:#0000ff;" title="$">...

//滑鼠移動到省略號時顯示省略的字元

if>

else>

"remark" />

else>

不過由於專案裡面沒有引入struts,因此沒有去驗證這個方法是否正確。先新增在這裡做個備份。

js控制文字顯示的字數,超出顯示省略號

在css中我們說了用css控制文字顯示幾行,超出用省略號,但這個辦法是要完全佔滿一整行的,偏偏就是有ui設計師就不這麼幹,是不是很想打他,哈哈哈,我不會的時候都這樣子在心裡罵設計師的,這麼久那麼愛搞特殊呢,罵完就還是好好幹活吧,他們奇特的想法,最終只會促使我們進步而已啦!回歸正題,看結果圖說話。注意...

內容超出顯示省略號

一 單行文字 如果實現單行文字的溢位顯示省略號都知道用text overflow ellipsis屬性來,當然還需要加寬度width屬來相容部分瀏覽。實現方法 overflow hidden text overflow ellipsis white space nowrap 這個屬性只支援單行文字的...

設定文字顯示字數,超出部分用省略號表示

公司的 中有時候由於某些檔案的檔名太長,在固定了寬度的 或層中,這些文字不能在一行中完整顯示出來,通常都是自動回行到下一行顯示,這樣的情況對 本身並沒有錯,可是卻非常有礙於 的美觀,於是,我採取了超過固定寬度用 省略號表示和滑鼠經過顯示完整內容的方式來處理,使得這些內容在網頁上都是嚴格按照規定的寬度...