css使div里的内容垂直居中
发布网友
发布时间：2022-04-24 19:49
共5个回答
热心网友
时间：2022-04-06 12:11
以下是让div中的内容垂直居中的具体操作方法：
1、首先我们准备好一个空的html结构的文档。
2、接下来我们要准备的是准备一个div用来放内容了，这里为了显示特意给div设置了边框。
3、接下来我们就在div中添加内容，如下图所示，运行后你会发现内容偏向于左上角。
4、下面我们给div设置水平居中，如下图所示，并且设置行高为div的高度，你会发现它水平垂直居中了。
热心网友
时间：2022-04-06 13:29
style="height:25px;width:100%;text-align:center;line-height:25px;"
后，当前层中的文字水平和垂直都居中了！
可以参考：http://www.blueidea.com/tech/web/2006/3231.asp
热心网友
时间：2022-04-06 15:04
比如
<div style="height:30px;line-height:30px">
xxx
</div>
这样,里面的内容xxx就会垂直居中显示! 然后再使其水平居中,使用text-align
例子:
<div style="height:30px;line-height:30px;text-align:center">
xxx
</div>
这样,垂直+水平就居中了.line-height是css中能够方便设置字的垂直位置的好方法~!
热心网友
时间：2022-04-06 16:55
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>center</title>
<style type="text/css">
#t{height:25px;width:100%;text-align:center;line-height:25px;}
</style>
</head>
<body>
<div id="t">这里是居中的,X方向和Y方向</div>
</body>
</html>
楼下的,你告诉他,内容多的话,怎么居中吧
热心网友
时间：2022-04-06 19:03
想绝对居中把DIV的height弄成100%不就行了
