首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

表格宽度有关问题,请高手帮忙

2012-07-30 
表格宽度问题,请高手帮忙table border0 cellspacing0 cellpadding0theadtrtd width20

表格宽度问题,请高手帮忙
<table border="0" cellspacing="0" cellpadding="0">
  <thead>
  <tr>
  <td width="20">&nbsp;</td>
  <td width="60">&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  </tr>
  </thead>
  <tbody>
  <tr>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  </tr>
  <tr>
  <td colspan="4" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" style="display:none;" id="t1">
  <tr>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  </tr>
  <tr>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  </tr>
  <tr>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  </tr>
</table>
</td>
  </tr>
  </tbody>
  </table>


当id="t1"的表格显示的列数大于外部table列数时,外部table宽度等于20的td的宽度会变宽,请问如何解决!
急急急!

[解决办法]
table的宽度和高度会随着里面的子容器撑开,overlfow:hidden;都不管用,如果想要在td里面限制宽度,在里面加一个div,在套table

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 </head>

 <body bgcolor="yellow">
<table border="0" cellspacing="0" cellpadding="0">
<thead>
<tr>
<td width="20">&nbsp;</td>
<td width="60">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</thead>
<tbody>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td colspan="4" valign="top">
<div style="width:20px; overflow:hidden">


<table width="100%" border="0" cellspacing="0" cellpadding="0" style="display:none;" id="t1">
<tr>
<td>fgzgd</td>
<td>&fgzgdfgzgd;</td>
<td>&fgzgdfgzgdfgzgd;</td>
<td>&nfgzgdfgzgdfgzgdbsp;</td>
<td>&fgzgdfgzgdfgzgd;</td>
<td>&nfgzgdfgzgdbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</div>
</td>
</tr>
</tbody>
</table>

 </body>
 </html>
[解决办法]
你是想要自适应吗?如果你不想宽度有变,那么就所有都加上宽度限制,如果要自适应,那就所有都加上百分比,你什么都不加,不变来变去才怪呢。呵呵

热点排行