[英]How can i vertically and horizontally center an asp button in bootstrap
我試圖將一個ASP按鈕居中於div的正中央。 我設法使按鈕水平和垂直居中,但不同時。 我曾經遇到過其他幾個類似的問題,但沒有一種解決方案適合我。
<div class="container" style="border: solid red 1px;">
<div class="row">
<span class="col-md-3 Suggestions">Feel free to send any suggestions to the site</span>
<asp:TextBox ID="Suggestions" CssClass="Suggestions col-md-7 suggestionsBox" runat="server">Enter your suggestions here</asp:TextBox>
<div class="text-center col-md-2 suggestionsSubmitParent">
<asp:Button runat="server" CssClass="suggestionsSubmit" Text="Submit" ID="btnSubmit" />
</div>
</div>
<div class="row">
<span class="col-md-3 suggestionsName">Please enter your name</span>
<asp:TextBox ID="SuggestionsName" CssClass="col-md-7 suggestionsName" runat="server">Enter your suggestions here</asp:TextBox>
</div>
</div>
的CSS
.Suggestions {
text-align:center;
margin-top: 15px;
}
.suggestionsBox {
height: 140px;
}
.suggestionsName{
margin-top:10px;
}
.suggestionsSubmit {
width: 80px;
}
.suggestionsSubmitParent {
height: 155px;
display: flex;
align-items: center;
添加justify-content:center;
到您的.suggestionsSubmitParent
CSS類。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.