191问答库 > css使div里的内容垂直居中

css使div里的内容垂直居中

2024-11-22 06:02:54

推荐回答（5个）

回答1：

以下是让div中的内容垂直居中的具体操作方法：

1、首先我们准备好一个空的html结构的文档。

2、接下来我们要准备的是准备一个div用来放内容了，这里为了显示特意给div设置了边框。

3、接下来我们就在div中添加内容，如下图所示，运行后你会发现内容偏向于左上角。

4、下面我们给div设置水平居中，如下图所示，并且设置行高为div的高度，你会发现它水平垂直居中了。

回答2：

你在那个Div标签中写上
style="height:25px;width:100%;text-align:center;line-height:25px;"
后，当前层中的文字水平和垂直都居中了！

可以参考：http://www.blueidea.com/tech/web/2006/3231.asp

回答3：

要div垂直居中,最好的方法就是让height和ling-height的数值一致.
比如

xxx

这样,里面的内容xxx就会垂直居中显示! 然后再使其水平居中,使用text-align

例子:

xxx

这样,垂直+水平就居中了.line-height是css中能够方便设置字的垂直位置的好方法~!

回答4：

又来个不太懂页面的

center

这里是居中的,X方向和Y方向

楼下的,你告诉他,内容多的话,怎么居中吧

回答5：

楼上的你什么意思？
想绝对居中把DIV的height弄成100%不就行了