我目前正在尝试练习如何将我的网页居中。目前，我正在使用表中的表来分解我的网站，但我希望页面的前 1/3 穿过整个页面，而其余 2/3 留在中间。谢谢你的帮助! (见下面的代码)
<!DOCTYPE html>
<html>
<head>
<title>R.P.E Limited</title>
<style>
.container {
float: center
}
.left {
float:left;
}
.right {
float:right;
}
html, body{
height: 100%;
min-height: 100%;
}
.top {
height: 10%;
}
.mid {
height: 45%;
}
.bot {
height: 45%;
}
body {
width:90%;
}
</style>
</head>
<body>
<table height="100%" width=250%>
<tr> <!--Webpage start-->
<td> <!--LEAVE BLANK-->
</td>
<td> <!--All code goes in here-->
<table height="100%" width=100%>
<td class="left" width=20%> <!--Left blank-->
</td>
<td class="container" width=60%>
<table class="top" height="100%"> <!--THE PAGE STARTS HERE-->
<tr><td>Top</td></tr> <!--TOP-->
</table>
<table class="mid" height="100%">
<tr><td>Mid</td></tr> <!--MID-->
</table>
<table class="bot" height="100%">
<tr><td>Bot</td></tr> <!--BOTTOM-->
</table>
</td>
<td class="right" width=20%> <!--Right blank-->
</td>
</table>
</td> <!--All code ends here-->
<td> <!--LEAVE BLANK-->
</td>
</tr>
</table> <!--Webpage end-->
</body>
</html>
最佳答案
正如人们提到的那样使用样式是正确的方法。表格不应用于纯粹的布局目的。
这基本上应该是您正在寻找的内容:
<style>
.maincanvas {
margin:0px auto;
width: 600px
}
</style>
<div class="maincanvas">
<p>This container will be centered with a width of 600px</p>
</div>
关于javascript - 格式问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33620384/