需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。
2、在index.html中的<body>标签中，输入html代码：
reset()
window.onresize = function () {
reset()
}
function reset() {
var left = (window.innerWidth - $('div').width())/2
var top = (window.innerHeight - $('div').height())/2
$('div').css('margin-left', left + 'px')
$('div').css('margin-top', top + 'px')
}
3、浏览器运行index.html页面，此时无论怎么拉伸窗口，div都会自动调整到屏幕正中央。
可以把这些table放在table中，例如：<table>
<tr width=100%><td width=50%>阶段测试表<td width=50%>考核内容表
<tr><td colspan=2>独立完成，学好技能表
</table>
你写法错了.控制位置最好用CSS样式(比较灵活)用table属性控制比较麻烦下面简单改了下
<table border="3" bordercolor="#FF0000" style="float:left">
<tr>
<td scope="col">课程</td><td scope="col">课程</td>
</tr>
</table>
<table border="3" bordercolor="#FF0000" style="float:left">
<tr>
<td scope="col">课程</td><td scope="col">课程</td>
</tr>
</table>
<table border="3" bordercolor="#FF0000" style="float:left">
<tr>
<td>课程</td>
<td>教室</td>
</tr>
</table>
<table border="3" bordercolor="#FF0000" style="float:left">
<tr>
<td>课程</td>
<td>教室</td>
</tr>
</table>
因为第二个表格是居中对齐,如果你把它设成align="right"或align="left"它也会在一行上
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）