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代码
DIVCSS5实例
2、div+css居中实例截图
div css实现居中效果截图
校无忧企业网站系统是一套面向公司、企业的建站系统,网站采用Div+Css布局,完美兼容IE等浏览器,具有设计美观、功能实用、操作方便等特点。系统主要功能:1、公司介绍2、新闻资讯3、产品中心4、人才招聘5、在线留言6、友情链接校无忧企业网站系统 v1.7 更新日志:1、修正前台招聘页面显示2、修正前台客服显示3、修正后台批量删除
div实现居中效果截图

3、div居中代码应用特点
此居中方法是让div居中效果完美兼容各大平台、兼容各大浏览器,无论高版本ie还是高版本的ie均兼容。
这就是是用CSS实现DIV水平居中显示的方法。
相关阅读:









