如何让div模块居中？注意是整个div相对于网页浏览器左右居中，不是div中的内容居中（内容居中已解决）

题主你愿意整理下你的代码吗？

<div style="border: #000 1px solid; text-align: center; width: 350px; float: left; height: 350px; overflow: hidden;">
  <table>
    <tr>
      <td style="width: 350px; height: 350px" align="middle">
        <img src="
!!61884532jpg"/>
      </td>
    </tr>
  </table>
</div>

上面只是整理过后的代码，这样看清晰多了。

div居中常用的就是 margin: 0 auto;

而这个样式令 div 居中有几个条件：

① div 要有设定宽度（题主代码符合）

② div不要浮动float（题主代码不符合）

③ div不要绝对定位（题主代码符合）

④ 页面需要声明DOCTYPE，并且是html5声明或者XHTML 10 Transitional标准（不知道题主的是否符合）（或许其他标准也可以居中，自己平时用的最多就这两个了，要自我反省）

另外，margin: 0 auto;要写在div的style里面，或者写在css文件，或者写在页面的<style>标签，这些都是基础就不说了。

于是上代码就不上了，就是把float:left;换成margin: 0 auto;

个人意见，仅供参考~

使用应用负外边距可以让DIV网页居中
#container{
position:absolute;
left:50%;
width:760px;
margin-left:-380px;
}
评：首先将容器绝对定位于相对页面左边缘 50% 的位置，这样该容器的左边距将从页面 50% 宽度的位置开始算起，然后将容器的左外边距设置成为负的容器宽度的一半，

如果我有一个位于中间的层的同时又有一个位于该层中间的层的话,应该计算的是该层相对于父层的相对位置,所以上面的脚本实现的是父层的宽度是303,高是284,那么屏幕的分辨率减去宽和高除以2就是该层的居中位置,子层的位置是该层的宽和高减去子层的宽169和高67除以2即得到子层的中心位置。

扩展资料：

DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。DIV在编程中又叫做整除，即只得商的整数。 DIV元素是用来为HTML(标准通用标记语言下的一个应用)文档内大块(block-level)的内容提供结构和背景的元素。

---