如果頁面表格裡的內容過長,設定隱藏顯示的兩種方法
我使用了方法一但是沒有成功,問題是表格的寬度會隨著內容的長短而變化,找不到問題的癥結所以嘗試的方法二。
方法二:
做法基本上和方法一相同,最重要的區別是方法二藉助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;//超過這個寬度就會被隱藏
}
如上,即可實現要求的功能。
相關推薦
如果頁面表格裡的內容過長,設定隱藏顯示的兩種方法
方法一 我使用了方法一但是沒有成功,問題是表格的寬度會隨著內容的長短而變化,找不到問題的癥結所以嘗試的方法二。 方法二: 做法基本上和方法一相同,最重要的區別是方法二藉助div實現,具體如下: 1>jsp頁面上程式碼: <td class="la" ><div
Table裡td中的文字過長,設定不換行,隨內容同行顯示
初次用nowarp點這裡: nowrap教程 做Java的又要搞前端,有時候調樣式有點煩躁,專案中前端頁面都是自己寫的,這裡分享一個常見的樣式調整,雖然很簡單,但是沒用過的情況下還真不知道怎麼調 當td中內容過長時,內容會溢位,換行顯示,美觀超
table td中的內容過長,顯示為固定長度,多餘部分用省略號顯示
簡單描述:table資料過長,結果頂到下一格,影響了資料的檢視 解決辦法: 給table 加上style屬性 另外 給td加上style標籤修飾 <table class="table table-striped table-bordered table-hover
table td中的內容過長,顯示為固定長度,多余部分用省略號顯示
感謝 striped itl details log 不換行 column 描述 圖片 簡單描述:table數據過長,結果頂到下一格,影響了數據的查看 解決辦法: 給table 加上style屬性 另外 給td加上style標簽修飾 <table class=
easyUI的treegrid新增節點(append)時間過長,設定等待(wait)遮罩效果
分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!  
鏈表有環判斷,快慢指針兩種方法/合並鏈表/刪除重復元素/二分遞歸和while
pan 快慢指針 fast public nbsp else pre log clas public static boolean hasCycle(ListNode head) { if (head == null || head.next ==
最長上升子序列(兩種方法)
常規方法:(n^2) #include<iostream> using namespace std; int i,j,n,a[100],b[100],max; int main() { cin>>n; for(i=0;i<n;i++)
LeetCode Longest Palindromic Substring 最長迴文子字串 兩種方法分析解答
Longest Palindromic Substring Given a stringS, find the longest palindromic substring inS. You may assume that the maximum length ofSis 1
流程圖怎樣繪制,繪制流程圖兩種方法介紹
繪圖 tex 顏色 希望 water 面板 形狀 1.5 fff 流程圖也漸漸向辦公軟件開始轉移,現在用的地方是越來越多了,在辦公中一個繪制詳細的流程圖就可以省去很多時間以及不必要的麻煩,相信對辦公軟件的熟練應用也是很多在職人員不可缺少的技巧之一,下面給大家分享繪制流程圖發
表格中的內容過長時不換行,以tips方式展示
專案使用vue+element-ui tooltip-effect="light" <el-table>需要設定這個屬性, 然後在需要使用的<el-table-column>中使用 show-overflow-tooltip="true" 既能實現效
關於itext 生成pdf時,表格內容過長會自動轉換到下一頁顯示的問題
使用itext的PdfPTable和PdfPCell生成PDF內容 但是當PdfPCell中的內容過長,頁面剩餘空白不足以填充時,PdfPCell的整格會自動換到下一頁顯示,導致上一頁尾部一片空白,列印時尤其浪費 是否有什麼引數可以設定表格內容無論是否超出頁面空白長度,都
CSS,bootstrap表格控制當td內容過長時用省略號表示,以及在不使用bootstrap時過長也用省略號表示
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <styl
HTML怎麼讓table中的td內容過長顯示為固定長度,多餘部分用省略號代替
HTML如何讓table中的td內容過長顯示為固定長度,多餘部分用省略號代替 這個問題呢,是由於我們公司測試的部門測出來的,雖然說測試的內容本身就是個BUG,不過這個也讓我學到了一個比較好的歸類於佈局的一個小技巧,就是將td標籤中過長的內容只顯示為這個td的width的長度,之後的便以省略號
Androi實戰—EidtText和TextView顯示指定行數,內容過長自動換行問題
EidtText和TextView中內容過長的話自動換行,使用android:ellipsize與android:singleine可以解決,使只有一行。使用android:maxLines可設定最大行數。
bootstrap table 設定表格標題過長,導致列寬較大解決辦法
有時候表格的title比較長的時候我們既不想讓他折行,又不想讓他一列顯示。這時候只能是讓他出現省略號了。 程式碼如下..... title:的值直接設定為想要顯示的東西(文字等) titleTooltip: 這裡的值就是滑鼠hover的時候顯示的東西 that.view.tableC
bootstrap表格內容過長時用省略號表示
bootstrap ellipsis的使用 當表格的內容過多的時候,需要把過長的內容用省略號代替;只要table加上style樣式,td的style加上樣式。 <TABLE s
解決登陸經常提示:你登入時間過長,請重新返回登入頁面進行登入
問題分析: 產生錯誤的可能原因: 你登入時間過長,請重新返回登入頁面進行登入。 您輸入的確認碼和系統產生的不一致,請重新輸入。解決方法: 只需把應用程式池中“最大工作程序數”設定為“1”即可。 操作方法: 一、Windows Server 2003 IIS 6.0 1.開啟
table中td標籤中內容過長時,設定td長度固定的方法
在使用table標籤時,我們設定了td的寬度且設定了單行溢位加省略號的樣式,但是發現,td還是隨內容的多少會撐開,如下圖:這樣就不符合我們預期想要的效果,我們只需要在table標籤上加屬性: width="100%" style="table-layout:fixed"ce
table 表格 td 長度固定、內容過長、超過部分設定
首先設定 table: <table width='100%' border='0' cellspacing='0' cellpadding='0' class='mytable'
電力項目七--js控制文字內容過長的顯示
style property stat center -- value bsp blog station 當文本框中文字內容過長時,需要調整顯示的樣式 如上圖所示的樣式 對應的代碼為: <div id="showInfomation" style="visibi