Re: [問題] 如何固定表格不被撐大?

[tomin (for pete's sake)]

※ 引述《kiki1503 (琦琦壹伍零參)》之銘言：
: 表格物件對顯示各種資料非常方便
: 可是有很大的缺點，就是會被撐大
: 主要分為兩個東西
: 1.過長的字串
: 2.過寬的圖片
: 即使是表格已經設定寬度
: 還是會被無情的撐開
: 請問有沒有辦法固定表格的寬度
: 讓過長的字串折到下一行
: 過寬的圖片則縮至合適寬度
文字部分

如果你只是要IE會斷行　以下code可以做到
<table width="100%" border="1" cellspacing="0" cellpadding="0">
 <tr>
  <td width="300px" style="word-wrap:break-word;word-break:break-all;">
  abcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabc
  abcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabc
  </td>
 </tr>
</table>

Firefox比較難　可看這篇文章　或自行搜尋
http://hi.baidu.com/swjtu/blog/item/9df5b78f543bc0eaf01f36fb.html


圖片部分

不是很容易　我想到的方法
1.設定圖片的style為float:left
2.用js去檢查圖片的寬度　如果大於某個值　就用js去改變該圖片的寬度

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 122.116.40.183
推 kiki1503:實際試過後..看來還是等CSS3比較實在...