有两种方法,你可以去了解它。
您可以使用absolute positioning
和transform the submitsearch
页面的中心(这允许你进行任何更改任何你父容器):
#submitsearch {
position:absolute;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
left:50%;
top:50%;
}
#submitsearch [type="submit" ] {
width: 120px;
height: 30px;
text-align: center;
background: #D3D3D3;
border: 1px solid #fff;
border-radius: 2px;
color:#606060;
}
<div id="submitsearch">
<input type="submit" value="Google Search">
<input type="submit" value="I'm feeling lucky">
</div>
OR
将您的submitsearch
设置为flexbox和调整,并增加其高度100vh证明在页面的中心内容(或增加你的身体和submitsearch高度为100%):
#submitsearch {
display:flex;
align-items:center;
justify-content:center;
height:100vh;
}
#submitsearch [type="submit" ] {
width: 120px;
height: 30px;
text-align: center;
background: #D3D3D3;
border: 1px solid #fff;
border-radius: 2px;
color:#606060;
}
<div id="submitsearch">
<input type="submit" value="Google Search">
<input type="submit" value="I'm feeling lucky">
</div>
请务必复制所有代码中发行部分的行。添加_div_的开始标签,以便我们可以了解更多_CSS_ – andrewnagyeb
div:'width:100%text-align:center;',input:'margin:0 auto;' – Ylama
您可以添加jsfiddle链接以获得更多理解。 –