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%不就行了