css设置div居中 css设置div居中对齐

如何让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标签）居中了。

css div居中显示的方法：

1、使用absolute绝对定位，代码为【】；

2、使用translate定位；

3、使用margin居中定位；

4、使用fixed的居中定位。

div中如何设置文字居中

让div中的文字水平居中很容易，只需要将属性text-align设置为center或将margin设置为0 aotuo就可以了。而让div中的文字垂直居中还是要费一番周折的。

1.首先如果div中只有一行文字，那么可以通过将lineheight属性和height属性的值设为一样来实现。

2.如果div中有多行文字时，则需要通过position属性来实现垂直居中的效果了，代码如下：html:<div id="box"><div id="sub"><div id="content">垂直居中</div></div></div>css: #box{border:1px solid #000;background:#f00;position:relative;height:400px;width:400px} #sub{position:absolute;top:50%} #content{border:1px solid #fff;position:relative;top:-50%;color:#000}