<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>多行文字实现垂直居中 </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body {
font-size: 12px;
font-family: tahoma;
}
div#wrap {
display: table;
border: 1px solid #FF0099;
background-color: #FFCCFF;
width: 760px;
height: 400px;
*position: relative;
overflow: hidden;
}
div#subwrap {
vertical-align: middle;
display: table-cell;
*position: absolute;
*top: 50%;
}
div#content {
*position: relative;
*top: -50%;
}
</style>
</head>
<body>
<div id="wrap">
<div id="subwrap">
<div id="content">
<ul>
<li>sdjfklsdf</li>
<li>sdfjlskdjflksdjfk</li>
</ul>
</div>
</div>
</div>
</body>
</html>
多行文本垂直居中
最新推荐文章于 2020-11-29 16:29:30 发布