如何让一个没有固定宽度的div垂直页面居中啊,我写了margin:0 auto...

发布网友发布时间：2022-04-30 15:40

共3个回答

热心网友时间：2022-05-13 10:02

<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>何实现div垂直居中</title>
<style type="text/css">
#testWrap{
width:600px;
height:600px;
background-color:red;
display:table;
}
#testWrap span{
display:table-cell;
vertical-align:middle;
}
.test{
margin:0 auto;
width:400;
height:400px;
background-color:blue;
color:white;
}
</style>
</head>
<body>
<div id="testWrap">
<span>
<div class="test">
testtest
</div>
</span>
</div>
</body>
</html>

热心网友时间：2022-05-13 11:20

margin:0 auto; 是让div水平居中的。
垂直居中不关宽度的事，只要有高度便好。
<div style="height:600px; position: absolute; Top:50%; margin-top: -300px; background:#099;">1111111</div>追问那我就是说错了不是垂直居中是水平剧中。

追答水平居中只要 margin:0 auto;就可以了，前提是父元素没有对内容排列进行定义

热心网友时间：2022-05-13 12:54

margin-left: auto
margin-right: auto追问不行啊

追答