云计算服务
服务器租用
DDOS 防护
虚拟主机
域名服务
基础设施
关于我们
如何理解div水平居中呢？这样想象就好了，在一个长方形的div上，水平划一条直线，然后取水平线的中间点，这就是div水平居中了，div水平居中也叫div左右居中，如图所示。
div水平居中的例子如下所示。
<divstyle="width:150px;height:80px;border:1pxsolidred"> <divstyle="width:100px;height:50px;border:1pxsolidgreen;margin-left:calc((150px-100px)/2);"> </div> </div>
上面中div水平居中里面用到了“margin-left: calc((150px - 100px) / 2)”的这个css，意思是距离左边的距离，css calc()函数是计算函数，距离左边的距离。
计算公式是：(外框宽度-内框宽度)/2
这样就能使div水平居中了，简单吧！150px也可以使用100%宽度代替，效果如图。
这种方法是最简单的。
关于“CSS中div水平居中是什么样的，实现代码是什么”就介绍到这了，如果大家觉得不错可以参考了解看看，如果想要了解更多，欢迎关注恒创科技，小编每天都会为大家更新不同的知识。
.png)
.png)
