css 怎么实现 div水平居中 呢？

时间：2013.08.21 发布人：yiuvmyvi31
css 怎么实现 div水平居中 呢？

已解决问题

谷歌yiuvmyvi31用户在2013.08.21提交了关于“梦三国css 怎么实现 div水平居中 呢？”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2025-01-04T14:54:00。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，感谢你,我会记得你对我的好的 ！

希望以下的回答，能够帮助你。

第1个回答

用户名：山水L**IE  

css实现div水平居中方法：

一、div居中实现介绍

1、在布局一张网页时，通常网页主体框架是居中于浏览器中的。实现最外受命反石特须往吸层DIV水平居中与浏览器中需要一个条件和一个设置。

2、最外层DIV的CSS命名为“#divc班很措缩消刘ss”,这个时候为了兼容各大浏览器实现最外层的这个居中。

3、对“body”设置css冲倍谁轻内容居中样式（text-align:center）

即CSS代码：

body{text-align:center}

一设置：

这个时候对“#divcss”设置居中必备样式通作旧四革句季百cssmargin
即CSS代码：

#divcss{margin:0auto}

二、DIV居中用法实例

为了便于观察布局居中效果破挥知处食利啊交伯预需，我们再对“#divcss”加一个css边框于方留干混独倍买扬丰为黑色，css宽度为300px;高度为100px样式。

1、最终得到DIV居中的CSS代码：

body{text-align:center}
#divcss{ma普满协种花rgin:0auto;border:1pxsolid#000;width:300px;height:100px}

2、对应html代码片段：

<divid="divcss">DIV水平居中案例</div>

3、居中案例截图

4、**演示：

三、布局居中总结

布局居中我们需要对对象加margin:0a威布uto样式，当然如果不加有的浏览器会实现居中效果，但有的浏览器就不会默认是居中。