87,919
社区成员
发帖
与我相关
我的任务
分享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>
样例代码如下：
<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>
...全文
请发表友善的回复…
发表回复
zhangzhen900530 2011-08-17
- 打赏
- 举报
关注......
超级大笨狼 2008-03-19
- 打赏
- 举报
灌水机代码：www.dullwolf.cn/CSDNer.rar下载。
xingchenbbs 2008-03-19
- 打赏
- 举报
星辰技术社区:www.netcsharp.cn,我们将帮您以最快的速度找到最佳的解决方案
pippe 2008-03-18
- 打赏
- 举报
提供一种CSS+JS表达式的方式吧
<img src="image.jpg" style="width: expression(document.getElementById('divID').clientWidth / 2 + 'px')";
类似这种的，就靠JS水平了^^
<img src="image.jpg" style="width: expression(document.getElementById('divID').clientWidth / 2 + 'px')";
类似这种的，就靠JS水平了^^
ymfnfjhh 2008-03-18
- 打赏
- 举报
是的图片大小也要改变。您能不能具体的说一下，或是把代码给粘上来好吗？谢了
pippe 2008-03-18
- 打赏
- 举报
图片大小也要改？
图片大小改了就会产生锯齿或者模糊不精确的了
建议对div添加样式用隐藏或滚动条
隐藏 overflow: hidden
滚动 overflow: scroll
图片大小改了就会产生锯齿或者模糊不精确的了
建议对div添加样式用隐藏或滚动条
隐藏 overflow: hidden
滚动 overflow: scroll
ymfnfjhh 2008-03-18
- 打赏
- 举报
嗯。我是想实现动态改变table和img的大小。但是不知道怎么才能改变。还请指教。
pippe 2008-03-18
- 打赏
- 举报
内部随外部改变是有限制的
如果内部的内容实际宽度大于外部的宽度
而如果没有对外部容器设置超出后的处理方式的话
那么默认是撑开的
如，你的DIV变小后，但你的TABLE内的实际内容大于你的DIV宽度的时候，默认是把DIV撑开
可以设置为隐藏，滚动，或者动态去改变TABLE和IMG大小
如果内部的内容实际宽度大于外部的宽度
而如果没有对外部容器设置超出后的处理方式的话
那么默认是撑开的
如，你的DIV变小后，但你的TABLE内的实际内容大于你的DIV宽度的时候，默认是把DIV撑开
可以设置为隐藏，滚动，或者动态去改变TABLE和IMG大小
pippe 2008-03-18
- 打赏
- 举报
设置table的width，用百分比表示
或者通过JS控制也可以
或者通过JS控制也可以
ymfnfjhh 2008-03-18
- 打赏
- 举报
不行
tengfei3003 2008-03-18
- 打赏
- 举报
width="100%" 不行啊
