1. 程式人生 > >如果頁面表格裡的內容過長,設定隱藏顯示的兩種方法

如果頁面表格裡的內容過長,設定隱藏顯示的兩種方法

方法一


我使用了方法一但是沒有成功,問題是表格的寬度會隨著內容的長短而變化,找不到問題的癥結所以嘗試的方法二。

方法二:

做法基本上和方法一相同,最重要的區別是方法二藉助div實現,具體如下:

1>jsp頁面上程式碼:

<td class="la" ><div id="nys" title="<%=tem.getTitle()%>"><%=tem.getTitle()%></div></td>
    
注:1> <%=tem.getTitle()%>是和後端互動後顯示的文字內容,也就是過長的話被隱藏顯示的文字。
    2> title屬性實現的功能為滑鼠懸停後顯示出全部內容

           

 2>css中程式碼:

#nys{
	 text-overflow: ellipsis; //被隱藏的用省略號代替
	 overflow: hidden;//過長內容被隱藏
	 white-space: nowrap; //不換行
	 width:250px;//超過這個寬度就會被隱藏
}
如上,即可實現要求的功能。