例如你在写一个表格的时候:
<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>
你通过调整百分比可以看到表格占总页面的大小的比例也随之改变!
希望以上对你有用!
原理:先给父级<div>设置宽度(像素)
然后再子<div>里,设置百分比,如图示。
代码原件:
<div style="width:80pxheight:50pxborder:#FF0000 3px solid"> <div style="width:20%height:50%border:#CC33FF 3px solid"></div> </div>
复制到<body></body>之间使用即可。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)