表の幅を厳格に制限するいくつかの方法

1.
2.cssの使用
 

  
  
  
  

   
   
   
   
<style>   
   
   
   
   
.td{width:100px;}   
   
   
   
   
</style>   
   
   
   
   
<table width="400">   
   
   
   
   
<tr>   
   
   
   
   
<td class="td"></td>   
   
   
   
   
<td class="td"></td>   
   
   
   
   
<td class="td"></td>   
   
   
   
   
<td class="td"></td>   
   
   
   
   
</tr>   
   
   
   
   
<table> 
  
  
  
  

以上の2つの方法で発生する可能性のある問題は、コンテンツが設定を超えた場合、例えば画像の幅が100より大きい場合、自然に広げられ、自動的に表の幅を調整することである.
3.
 

  
  
  
  

   
   
   
   
<style>   
   
   
   
   
.td{width:100px;overflow:hidden}   
   
   
   
   
</style>   
   
   
   
   
<table width="400">   
   
   
   
   
<tr>   
   
   
   
   
<td class="td"></td>   
   
   
   
   
<td class="td"></td>   
   
   
   
   
<td class="td"></td>   
   
   
   
   
<td class="td"></td>   
   
   
   
   
</tr>   
   
   
   
   
<table>   
  
  
  
  

この方法では、オーバーした部分を隠すことができ、厳密に制御する必要がある場合は、overflowの属性値をscrollやautoに設定すれば、オーバーしたときにスクロールバーで調整することができます.