div用css设置居中的方法：首先对body设置“text-align:center”；然后对需要居中的div盒子设置css样式为“margin:0 auto”即可让对应div水平居中。
怎么样使用CSS让DIV居中显示？给大家做了一份通俗易懂的代码，利用CSS实现DIV水平居中显示，有需要的朋友可以借鉴参考一下。
需要的主要css代码有两个，一个为text-align:center（内容居中），另外一个为margin:0 auto；其两个样式需要配合使用才能实现div盒子的居中显示排版。
首先我们对body设置text-align:center，再对需要居中的div盒子设置css样式margin:0 auto，这样即可让对应div水平居中。
div居中代码应用，为了观察div居中效果，我们对div设置一个div命名为“.div”在html中div标签内使用class=“div”,设置其宽度为400px;高度为100px，边框为红色。以便我们观察效果。
立即学习“前端免费学习笔记（深入）”；
1、完整html+css代码
2、div+css居中实例截图
div css实现居中效果截图
校无忧企业网站系统1.7
下载
校无忧企业网站系统是一套面向公司、企业的建站系统，网站采用Div+Css布局，完美兼容IE等浏览器，具有设计美观、功能实用、操作方便等特点。系统主要功能：1、公司介绍2、新闻资讯3、产品中心4、人才招聘5、在线留言6、友情链接校无忧企业网站系统 v1.7 更新日志：1、修正前台招聘页面显示2、修正前台客服显示3、修正后台批量删除
div实现居中效果截图
3、div居中代码应用特点
此居中方法是让div居中效果完美兼容各大平台、兼容各大浏览器，无论高版本ie还是高版本的ie均兼容。
这就是是用CSS实现DIV水平居中显示的方法。
相关阅读：
