單元格隱藏長字符串

      在做JSP開發時,我們經常都到遇到這樣一種情況:在數據庫讀取部分記錄,然後用表格來進行顯示,這些記錄的字段,有些比較長,有些比較短,在設置表格的單元格寬度的時候,麻煩的事情就來了。並不是表格的長度能夠把所有的信息都能夠顯示,常常都會因爲一些內容比較長,而佔用了比較多的空間,而使佈局產生錯亂,使界面欠美觀。爲了防止這種情況,我們通常的做法有兩種:一、另外寫一個方法,截取所顯示的內容一部分,使顯示的內容剛好能夠在設定的長度之內顯示;二、利用table的table-layout屬性,使超過設定長度的字符隱藏。

     第二種方法的代碼如下:

    <html>
<body>
<div style="border:solid 1px silver;">
<table style="table-layout:fixed;border:solid 1px silver;">
<tr>
<th width="100px" nowrap>aa
</th>
<th width="100px">bb
</th>
</tr>
<tr>
<td nowrap>
我們都是我們都是我們都是我們都是
</td>
<td >
我們都是
</td>
</tr>
</table>
</div>
</body>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章