怎样使div块居中对齐?
在 DIV 标签对中写入的正文标签的 HTML 中div/div。然后我们将 div 设置为宽高度， 我们需要注意的是， 如果您不设置默认值的宽度为100% 哦， 所以它将填充整个页面。
首先我们对body设置text-align：center，再对需要居中的div盒子设置css样式margin：0auto，这样即可让对应div水平居中。
HTML中可以设置文字或内容居中对齐。下面，我们来看看怎样让DIV中的内容居中吧。
新建一个html文件，命名为test.html，用于讲解CSS怎样让一个div居中。在test.html文件中，使用div标签创建一个模块，用于测试居中效果。
若有两个div，里面小的div相对于外面大的div水平垂直居中对齐，有以下几种方法。方法一：利用position和margin：auto实现。父元素设置position：relative；子元素设置position：absolute，并设置top，left，right，bottom值相等。
请问一下如何实现块级压7元素自动居中
最普通的方法，用定位和margin负值就可以实现。
将固定宽度的块级元素的 margin-left 和 margin-right 设置为 auto ，即可实现块级元素的水平居中。
主要的核心思想就是给div设置margin：0 auto ，这样就能居中 。
为什么可以让块级元素水平居中
keyword auto默认是使用剩余空间，所以不论left还是right定义了auto，计算值都会是包含块的剩余空间，如果左右都设置了auto，那么就会均分剩余空间。当然，这指的是书写模式为lr-tb的情况下，这种情况，宽度是一定的。
因为在垂直方向上，块级元素不会自动扩充，它的外部尺寸没有自动充满父元素，也没有剩余空间可说。所以margin：auto不能实现垂直居中。那用margin：auto可以实现垂直居中吗，答案是肯定的。
主要的核心思想就是给div设置margin：0 auto ，这样就能居中 。
让行内元素水平居中显示，我们需要为其父级元素设置text-align：center，一般这个属性是用于将文字水平居中的，我们的行内元素就相当于一行之内的文字了，所以可以使用这个方法。
如何让一个块级元素水平垂直居中
line-height属性使文字垂直居中。使用绝对定位和负外边距对块级元素进行垂直居中(已知元素的高度)。使用绝对定位和transform进行垂直居中（未知元素高度）。使用flex布局。
设置行高要注意父容器高度和子元素line-height一样的数值，内容中的行内元素就会垂直居中。
由于div 是块级元素，在css中并没有可以使块级元素内的元素垂直居中的属性。所以只能使用其他的方法。 设置文字的padding，使其达到居中的效果。
将每个块级元素的 display 设置为 inline-block ，然后将它们的父容器的 text-align 设置为 center ，即可使多个块级元素水平居中。
设置imgBox的样式如下：此时的效果如下：（图片在容器内，水平居中）css图片垂直居中。css代码如下，使用flex布局实现。页面代码HTML如下：此时的效果如下：（垂直居中） css图片水平垂直居中。
如果块级元素高度和宽度已知，利用绝对定位和负边距，就可以实现垂直居中。块元素又名块级元素，和其对应的是内联元素，都是html规范中的概念。大多数HTML元素被定义为块级元素或内联元素。