我想將div對齊居中。如何將div對齊到水平和水平中心
這樣
我已經試過邊距,垂直對齊
,但他們也無法正常工作。
我還設置了剩下不到0像素
,但內部的div仍然是一個0像素左
如果我想在div如上圖像
如何修改CSS,使其如上圖片?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
div
{
border:solid;
}
#outer
{
position:absolute;
height:100px;
width:50px;
left:50px;
top:50px;
}
#inner
{
background:white;
height:20%;
width:120%;
left:-10px;
margin-top:auto;
margin-buttom:auto;
vertical-align:middle;
}
</style>
</head>
<body>
<div id="outer">
<div id="inner">abc</div>
</div>
</body>
</html>