兩個塊狀元素并排居中顯示的代碼？
兩個塊狀元素并排居中顯示的代碼？
慕哥0503841
2019-06-25
2 回答
舉報
0/150
提交
取消
兩個塊狀元素并排居中顯示的代碼？
2019-06-25
舉報
2019-09-24
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>浮動模型</title>
<style type="text/css">
.div{
? ? width:300px;
? ? height:150px;
? ? margin:auto;
}
.div .div1{
border:2px red solid;
? ? width:100px;
? ? height:100px;
? ? float:left;
}
</style>
</head>
<body>
? ? <div class="div">
? ? ? ? <div class="div1"></div>
? ? ? ? <div class="div1"></div>
? ? </div>
</body>
</html>
2019-06-25
你說的是垂直居中吧，兩個元素都加上這個
{display:inline-block;
vertical-align:middle;}