如何让div模块居中?注意是整个div相对于网页浏览器左右居中,不是div中的内容居中(内容居中已解决)

<DIVstyle="BORDER-BOTTOM:#0001pxsolid;TEXT-ALIGN:center;BORDER-LEFT:#0001pxsolid;WIDT... <DIV style="BORDER-BOTTOM: #000 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #000 1px solid; WIDTH: 350px; FLOAT: left; HEIGHT: 350px; OVERFLOW: hidden; BORDER-TOP: #000 1px solid; BORDER-RIGHT: #000 1px solid"><TABLE><TBODY><TR><TD style="WIDTH: 350px; HEIGHT: 350px" align=middle><IMG src="http://img02.taobaocdn.com/imgextra/i2/61884532/T2m5GZXsJXXXXXXXXX_!!61884532.jpg"></TD></TR></TBODY></TABLE></DIV>
一个DIV模块的代码如上。现在想设置这个DIV模块相对于网页浏览器左右居中。如何实现?怎么让div居中?是整个div居中,不是div中的内容居中。
展开
 我来答
百度网友1f463fa
推荐于2017-11-26 · TA获得超过685个赞
知道小有建树答主
回答量:600
采纳率:0%
帮助的人:475万
展开全部

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

<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="
!!61884532.jpg"/>
      </td>
    </tr>
  </table>
</div>

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


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

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

① div 要有设定宽度(题主代码符合)

② div不要浮动float(题主代码不符合)

③ div不要绝对定位(题主代码符合)

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


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


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


个人意见,仅供参考~

匿名用户
2014-01-17
展开全部
给要居中的元素加上宽度和margin:0 auto,在IE6则需要给要居中元素的父元素加上text-align:center;在木有定位的情况的是可以实现居中的
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
折花留颜
2014-01-17
知道答主
回答量:6
采纳率:0%
帮助的人:3.1万
展开全部
<body>
<div></div>
</body>

body{ text-align:center;}
div{ margin: 0 auto; text-align:left;}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式