`
lbyzx123
  • 浏览: 478090 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

使div的内容垂直居中并且水平居中

 
阅读更多 
有一个div，高度是25px，宽度是100%，div内部的内容是“居中对齐”，要求用html+css制作出该div，并使内部文字水平居中且垂直居中对齐。该如何做？

做法如下：
<!DOCTYPE HTML>
<html lang="en-US">
<head> 
<meta charset="UTF-8"> 
<title>center</title>
 <style type="text/css">  
#content{height:25px;width:100%;text-align:center;line-height:25px;} </style>
</head>
<body> 
<div id="content">这里是居中的,X方向和Y方向</div>
</body>
</html>

要使div垂直居中，最好的办法是使div的height和line-height的数值一致。

 

分享到：
| js 控制文本框中特殊字符的输入
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics