html - 我如何在Bootstrap中将ASP按钮垂直和水平居中

我试图将一个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类。

关于html - 我如何在Bootstrap中将ASP按钮垂直和水平居中，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44731562/