其实怎么让div居中的问题并不复杂，但是又很多的朋友都不太了解css三个div横向排列居中，因此呢，今天小编就来为大家分享怎么让div居中的一些知识，希望可以帮助到大家，下面我们一起来看看这个问题的分析吧！
div中如何设置文字居中
让div中的文字水平居中很容易，只需要将属性text-align设置为center或将margin设置为0aotuo就可以了。而让div中的文字垂直居中还是要费一番周折的。
1.首先如果div中只有一行文字，那么可以通过将lineheight属性和height属性的值设为一样来实现。
2.如果div中有多行文字时，则需要通过position属性来实现垂直居中的效果了，代码如下：html:<divid="box"><divid="sub"><divid="content">垂直居中</div></div></div>css:#box{border:1pxsolid#000;background:#f00;position:relative;height:400px;width:400px}#sub{position:absolute;top:50%}#content{border:1pxsolid#fff;position:relative;top:-50%;color:#000}
div怎样居中HTML中div怎样居中呢
CSS来实现DIV居中，用CSS实现DIV居中的方法有很多，这次教给大家的是比较简单并且兼容性很棒的一段代码，快点进来看看吧。
需要的主要css代码有两个，一个为text-align:center（内容居中），另外一个为margin:0auto；其两个样式需要配合使用才能实现div盒子的居中显示排版。
首先我们对body设置text-align:center，再对需要居中的div盒子设置css样式margin:0auto，这样即可让对应div水平居中。
div居中代码应用，为了观察div居中效果，我们对div设置一个div命名为“.div”在html中div标签内使用class=“div”,设置其宽度为400px;高度为100px，边框为红色。以便我们观察效果。
1、完整html+css代码
<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title>div居中</title><style>body{text-align:center}.div{margin:0auto;width:400px;height:100px;border:1pxsolid#F00}/*css注释：为了观察效果设置宽度边框高度等样式*/</style></head><body><div>div居中</div></body></html>
效果图：
此居中方法是让div居中效果完美兼容各大平台、兼容各大浏览器，无论高版本ie还是高版本的ie均兼容。
如何让DIV标签居中
要让DIV标签居中，可以使用以下方法：
1.使用CSS的text-align属性将内容居中
将DIV标签内部的内容居中，可以在CSS中为该DIV设置text-align:center属性。例如：
```
div{
text-align:center;
}
```
2.使用CSS的margin属性将元素居中
将DIV标签本身居中，可以在CSS中为该DIV设置margin:auto属性。例如：
```
div{
margin:auto;
}
```
3.使用CSS的flex布局将元素居中
使用flex布局可以非常方便地将元素居中。可以将父元素的display属性设置为flex，再设置justify-content和align-items属性，分别为center。例如：
```
.parent{
display:flex;
justify-content:center;
align-items:center;
}
```
其中，justify-content属性用于水平方向居中，align-items属性用于垂直方向居中。这样就可以将子元素（即DIV标签）居中了。
div怎样左右居中
1.实现DIV水平居中
设置DIV的宽高，使用margin设置边距0auto，CSS自动算出左右边距，使得DIV居中。
2.实现DIV水平、垂直居中
要让DIV水平和垂直居中，必需知道该DIV得宽度和高度，然后设置位置为绝对位置，距离页面窗口左边框和上边框的距离设置为50%，这个50%就是指页面窗口的宽度和高度的50%，最后将该DIV分别左移和上移，左移和上移的大小就是该DIV宽度和高度的一半。
3.文本在DIV中水平、垂直居中（text-align+line-height）
div 怎么把里面的字体上下居中
具体操作方法：
1、首先我们准备好一个空的html结构的文档。
2、接下来我们要准备的是准备一个div用来放内容了，这里为了显示特意给div设置了边框。
3、接下来我们就在div中添加内容，运行后你会发现内容偏向于左上角。
4、下面我们给div设置水平居中，并且设置行高为div的高度，你会发现它水平垂直居中了。
怎么让div居中和css三个div横向排列居中的问题分享结束啦，以上的文章解决了您的问题吗？欢迎您下次再来哦！
