<div id="outside" style="height:100pxwidth:100px">
<div id="inside"></div>
</div>
<script>
document.getElementById("inside").style.height=document.getElementById("outside").style.height
</script>
默认情况下，表格的宽度和高度根据内容自动调整，我们也可以手动设置表格的宽度和高度。基本语法
<TABLE
WIDTH=VALUE
HEIGHT=VALUE>
语法解释
通过WIDTH属性定义表格的宽度，HEIGHT属性定义表格的高度，单位是像素或百分比。如果是百分比，则可分为两种情况：如果不是嵌套表格，那么百分比是相对于浏览器窗口而言；如果是嵌套表格，则百分比相对的是嵌套表格所在的单元格宽度。
文件范例：10-3.htm
设定表格的宽度和高度。
01
<!--
------------------------------
-->
02
<!--
文件范例：10-3.htm
-->
03
<!--
文件说明：设定表格的宽度和高度
-->
04
<!--
------------------------------
-->
05
<HTML>
06
<HEAD>
07
<TITLE>设定表格的宽度和高度</TITLE>
08
</HEAD>
09
<BODY>
10
<H1>主流的网页设计软件</H1>
11
<TABLE
BORDER=1
WIDTH=400
HEIGHT=100>
12
<TR>
13
<TD>网页图像软件</TD><TD>Fireworks</TD>
14
</TR>
15
<TR>
16
<TD>网页制作软件</TD><TD>Dreamweaver</TD>
17
</TR>
18
<TR>
19
<TD>网页动画软件</TD><TD>Flash</TD>
20
</TR>
21
</TABLE>
22
</BODY>
23
</HTML>
文件说明
第11行定义了表格的宽度为400像素，高度为100像素。
width和height属性是指你设置的宽度和高度，百分比指你设计的东西占屏幕大小的百分比。例如你在写一个表格的时候：
<html>
<head></head>
<body>
<table border="1" width="80%" height="50%">
<tr>
<td>QQ</td>
<td>QQ</td>
<td>QQ</td>
</tr>
<tr>
<td>QQ</td>
<td>QQ</td>
<td>QQ</td>
</tr>
<tr>
<td>QQ</td>
<td>QQ</td>
<td>QQ</td>
</tr>
</table>
</body>
</html>
你通过调整百分比可以看到表格占总页面的大小的比例也随之改变！
希望以上对你有用！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）