你们好，最近小活发现有诸多的小伙伴们对于如何让div居中，div居中这个问题都颇为感兴趣的，今天小活为大家梳理了下，一起往下看看吧。
1、 先从正文中间说起。
2、 这里是垂直居中，键码高度：105px行高：105px这两个值应该相等。
3、 div style=' height:105 px；行高：105像素溢出：隐藏；'边框：1px纯色# ff 0099'居中/div
4、 文本水平居中，键码是text-align:center。
5、 div style=' height:105px;line-height:105px;overflow:hidden;border:1px solid #FF0099;text-align:center'ju zhong/div
6、 图片居中，代码如下。
7、 div style=' height:105px;width:300px;line-height:105px;overflow:hidden;border:1px solid #FF0099;text-align:center'img src='1.png' alt="' //div
8、 效果如图；
9、 但不是垂直居中。
10、 The picture is vertically centered, and the joint code shows: table cell; Vertical alignment: centered;
11、 代码如下：
12、 div style=" height:105px;width:300px;line-height:105px;overflow:hidden;border:1px solid #FF0099;text-align:center ; display: table-cell; vertical-align:middle; 'img src='1.png' alt='' //div
13、 看一下效果图。在中间。
以上就是div居中这篇文章的一些介绍，希望对大家有所帮助。
标签：
免责声明：本文由用户上传，如有侵权请联系删除！