TA貢獻(xiàn)1934條經(jīng)驗(yàn) 獲得超2個(gè)贊
div{
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
}
TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超9個(gè)贊
#father{
display: flex;
align-items: center;
justify-content: center;
}
或者：
#father {
display: -webkit-box;
-webkit-box-align: center;
-webkit-box-pack : center;
}
TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超4個(gè)贊
div{
position:fixed;
left: 50%;
top: 50%;
margin-left: -20%;
margin-top: -150px;
width: 40%;
height: 300px;
background: yellowgreen;
}
不定高度用JS或者CSS3.
TA貢獻(xiàn)1757條經(jīng)驗(yàn) 獲得超8個(gè)贊
display:table-cell;
text-align:center;
vertical-align:middle;
TA貢獻(xiàn)1942條經(jīng)驗(yàn) 獲得超3個(gè)贊
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
* {
margin: 0;
padding: 0;
}
.out {
width: 200px;
height: 200px;
background: green;
position: relative;
}
.in {
width: 40%;
height: 40%;
background: red;
position: absolute;
/*(100%-40%)/2 */
top: 30%;
left: 30%;
}
</style>
</head>
<body>
<div class="out">
<div class="in"></div>
</div>
</body>
</html>
舉報(bào)