<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"> <pre> ��������Ҫʹ������ִ�ֱ������ʾ�� div#wrap { border:1px solid #FF0099; background-color:#FFCCFF; width:760px; height:500px; position:relative; } div#subwrap { position:absolute; border:1px solid #000; top:50%; } div#content { border:1px solid #000; position:relative; top:-50%; }</pre> </div> </div> </div> </body> </html>
CSS实现不定高度垂直居中 兼容IE7
最新推荐文章于 2024-04-09 16:48:47 发布