如何让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中的内容居中。 展开
一个DIV模块的代码如上。现在想设置这个DIV模块相对于网页浏览器左右居中。如何实现?怎么让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="
!!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;在木有定位的情况的是可以实现居中的
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<body>
<div></div>
</body>
body{ text-align:center;}
div{ margin: 0 auto; text-align:left;}
<div></div>
</body>
body{ text-align:center;}
div{ margin: 0 auto; text-align:left;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询