1. div居中代码怎么写
如果只是水平居中的话，只需要先定义DIV的宽度，再设置外边距margin属性的左右边距为auto即可。此时DIV便会相对于它的父容器水平居中。
比如 <div class=div_a><div class="div_b"><div></div>
设置div_b的样式
.div_b{width:100px; margin:0 auto;}
这样div_b便在div_a中水平居中了。如果外面没有父DIV，则div_b便相对于整个页面居中。注意如果div_b定义了浮动属性float则无效。
2. 实现div居中的三种方法
实现div盒子居中的方法，一般从水平和水平垂直两方面思考。以下是常用三种简便方法：
第一种，水平居中实现方法，效果如下：
具体步骤：将div的宽度设置为百分比形式（如50%），同时设置margin-left和margin-right属性，值为auto。这样div便能实现水平居中。
第二种，垂直居中实现方法，效果展示如下：
方法一：设置父元素的高度，然后设置子元素的margin为auto。这适用于当父元素高度固定时。
方法二：使用Flex布局实现垂直居中。将父元素设置为display:flex，子元素设置justify-content:center和align-items:center。
第三种，利用jQuery实现垂直居中方法，效果如图所示：
步骤：获取页面宽高，然后计算div盒子的顶边距和底边距，确保其在页面中垂直居中。这方法灵活，可依据动态页面宽高进行调整。
总结：实现div居中，CSS方法适用于固定宽度的div，jQuery方法则更灵活，适用于页面动态变化的场景。选择适合方法，能有效提高开发效率。