Fatal编程技术网
  • html/
  • 居中对齐html页面

居中对齐html页面

html css

居中对齐html页面,html,css,Html,Css,下面是我们的代码目前的设计方式。在一些沙发和桌子上。现在唯一的问题是，我们想让整个页面显示在页面的中心，而不考虑任何分辨率。现在页面向左显示，我也不需要水平滚动 <body> <div id="main" <div id=logo> <table width=1000> <tr> <td width=300> <img src=lo.png height="100" width="100" > </td

下面是我们的代码目前的设计方式。在一些沙发和桌子上。现在唯一的问题是，我们想让整个页面显示在页面的中心，而不考虑任何分辨率。现在页面向左显示，我也不需要水平滚动

<body> 


<div id="main" 
<div id=logo>
<table width=1000>
<tr>
<td width=300>
<img src=lo.png  height="100" width="100" >
</td>
<td width=350 align=center>
    <label class=description for=element_1>Ent Page</label>  
</td>
<td width=350 align=right>
</td>   
</tr>
<tr>
<td width=300>
<label class=description >Name:test1</label>
</td>
</tr>
<tr>
<td width=300>
<label class=description >Ent Name:test1</label>
</td>
</tr>
</table>
</div>

<div id="nav"> 
<ul>
<li><a href="login.php">Main Page</a></li>
<li><a href="login.php">Log Out</a></li>
</ul>
</div> 
<div align="left">
//menu here
</div>
<div id=dptions>
<table> 
<tr>
<td width=700 valign="top">


    <form action="db1.php" method="post" name="form1" id=form1 >
    <table id="mainDetails">
    <tr>

        </tr>

        </table>
        </form>
</td>
<td width=350 valign="top" align=left>
       <h2 class="form_desicription">Actives</h2>
       <table >
       <tr id="gridHeader">
               <td width="5%">
                No.
                </td> 
                <td width="25%">
                Active
                </td>               
                <td width="25%">
                Date Time Insert
                </td>               
                <td width="10%">
                Details
                </td>

            </tr>
            </table>
</td>

</tr>

</table>

</div>
<div id="nav"> 
<ul>
<li><a href="login.php">Main Page</a></li>
<li><a href="login.php">Log Out</a></li>
</ul>
</div> 

</div>

</body>
不要给表格加宽度，而要给“#main”加宽度

使用以下代码：

#main{
    margin:0 auto;
    width: 1000px;
}
参考此小提琴：

希望这有帮助

请创建小提琴或提供一些你的CSS了！！！正如@AT-UID所说，请提供更多信息，并在您的问题上做出一些努力。@gnclmorais我曾尝试过这种设计，并将表格居中对齐，但不起作用。在何处添加此页边距：0自动？为了快速测试，我做了以下主体{margin:0自动}但是没有区别，它仍然向左对齐。我也添加了完整的.css文件。请确保在您尝试居中的元素上定义宽度。添加以下内容：#main{margin:0 auto；width:1000px；} 
#main{
    margin:0 auto;
    width: 1000px;
}