有一个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的数值一致。
相关推荐
div框水平垂直居中跟内容垂直居中
DIV水平垂直居中，都是利用jquery实现的，很简单
该html代码是实现DIV居中及DIV垂直居中的实例,包括: div居中, div内文本居中及垂直居中, div嵌套div并居中, div嵌套div并垂直居中.
在DIV中图片垂直/水平居中(最简单方法)
通用所有浏览器， 欢迎大家分享。 绝对是真的
CSS解决未知高度的DIV垂直居中CSS解决未知高度的DIV垂直居中
DIV+CSS水平 垂直居中.docDIV+CSS水平垂直居中
DIV 垂直居中DIV 垂直居中DIV 垂直居中DIV 垂直居中DIV 垂直居中DIV 垂直居中
DIV+CSS 图片垂直居中效果
div垂直居中屏幕的方法，兼容IE6 7 8 Firefox
div垂直居中的N种方法，div垂直居中的N种方法
NULL 博文链接：https://zhouyao.iteye.com/blog/417432
通用所有浏览器， 谢谢详细信息详细信息详细信息
任意图片在div里的垂直居中！
垂直居中显示ie7+
div中多行文字垂直居中
不定宽高元素的垂直和水平居中，兼容IE67
介绍： 很多朋友都在问这个问题，div的内容图片垂直居中代码，这个代码兼容多浏览器。
div水平垂直居中方法绝对定位(margin:auto实现居中)/* margin设置为auto实现绝对定位元素的垂直居中 */绝对定位(margin 负值实现
DIV内多行文字垂直居中，并且超过固定行数时显示省略号