css使div里的内容垂直居中
有一个div，高度是25px，宽度是100%，div内部的内容是“居中对齐”，要求用html+css制作出该div，并使内部文字水平居中且垂直居中对齐。该如何做，各位大大...
有一个div，高度是25px，宽度是100%，div内部的内容是“居中对齐”，要求用html+css制作出该div，并使内部文字水平居中且垂直居中对齐。该如何做，各位大大帮帮忙，万分感激！！！
展开
5个回答
展开全部
以下是让div中的内容垂直居中的具体操作方法：
1、首先我们准备好一个空的html结构的文档。
2、接下来我们要准备的是准备一个div用来放内容了，这里为了显示特意给div设置了边框。
3、接下来我们就在div中添加内容，如下图所示，运行后你会发现内容偏向于左上角。
4、下面我们给div设置水平居中，如下图所示，并且设置行高为div的高度，你会发现它水平垂直居中了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你在那个Div标签中写上
style="height:25px;width:100%;text-align:center;line-height:25px;"
后，当前层中的文字水平和垂直都居中了！
可以参考：http://www.blueidea.com/tech/web/2006/3231.asp
style="height:25px;width:100%;text-align:center;line-height:25px;"
后，当前层中的文字水平和垂直都居中了！
可以参考：http://www.blueidea.com/tech/web/2006/3231.asp
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
要div垂直居中,最好的方法就是让height和ling-height的数值一致.
比如
<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中能够方便设置字的垂直位置的好方法~!
比如
<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中能够方便设置字的垂直位置的好方法~!
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
又来个不太懂页面的
<!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>
楼下的,你告诉他,内容多的话,怎么居中吧
<!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>
楼下的,你告诉他,内容多的话,怎么居中吧
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
楼上的你什么意思？
想绝对居中把DIV的height弄成100%不就行了
想绝对居中把DIV的height弄成100%不就行了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
