**
列表頁中,控制某一列中的文字顯示:只顯示前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 這個屬性只支援單行文字的...
設定文字顯示字數,超出部分用省略號表示
公司的 中有時候由於某些檔案的檔名太長,在固定了寬度的 或層中,這些文字不能在一行中完整顯示出來,通常都是自動回行到下一行顯示,這樣的情況對 本身並沒有錯,可是卻非常有礙於 的美觀,於是,我採取了超過固定寬度用 省略號表示和滑鼠經過顯示完整內容的方式來處理,使得這些內容在網頁上都是嚴格按照規定的寬度...