div里的table如何跟着div的大小而改变大变？

是这样的，div里有一个table，table里的每个单元格都是一个img。那么如何让table单元格里的img跟着div的大小改变呢？知道当div里的table没有数据或数据没有完全点满td时，table是跟着div变化大小的。但一单变div的宽度小于table中td里的数据宽度时，table就不跟着div的大小而改变了。想问下有没有方法一直让table的大小跟着div的大小改变？样例代码如下：<HTML>
<HEAD>
<TITLE>chinamap</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (chinamap.gif) --><div style="width:80%"><TABLE WIDTH=1106 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/chinamap_1.gif" WIDTH=486 HEIGHT=637 ALT=""></TD>
<TD>
<IMG SRC="images/chinamap_2.gif" WIDTH=620 HEIGHT=354 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=354 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/chinamap_3.gif" WIDTH=620 HEIGHT=553 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=283 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/chinamap_4.gif" WIDTH=486 HEIGHT=270 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=270 ALT=""></TD>
</TR>
</TABLE></div><!-- End ImageReady Slices -->
</BODY>
</HTML>

解决方案 »

  1.   

    设置table的width，用百分比表示或者通过JS控制也可以
      

  2.   

    内部随外部改变是有限制的如果内部的内容实际宽度大于外部的宽度
    而如果没有对外部容器设置超出后的处理方式的话
    那么默认是撑开的如，你的DIV变小后，但你的TABLE内的实际内容大于你的DIV宽度的时候，默认是把DIV撑开
    可以设置为隐藏，滚动，或者动态去改变TABLE和IMG大小
      

  3.   

    嗯。我是想实现动态改变table和img的大小。但是不知道怎么才能改变。还请指教。
      

  4.   

    图片大小也要改？
    图片大小改了就会产生锯齿或者模糊不精确的了
    建议对div添加样式用隐藏或滚动条
    隐藏 overflow: hidden
    滚动 overflow: scroll
      

  5.   

    提供一种CSS+JS表达式的方式吧
    <img src="image.jpg" style="width: expression(document.getElementById('divID').clientWidth / 2 + 'px')";
    类似这种的，就靠JS水平了^^
      

  6.   

    星辰技术社区:www.netcsharp.cn,我们将帮您以最快的速度找到最佳的解决方案 
      

  7.   

    灌水机代码：www.dullwolf.cn/CSDNer.rar下载。