我试图将表单控件集中到我的网站的中心,但由于某种原因,CSS不适用于表单控件,但它适用于div中的其他所有内容...
这是我的HTML:
<div id="search">
<h2 style="color:deepskyblue">Enter battle-tag</h2>
<div class="row">
<div class="col-md-12">
@using (Html.BeginForm())
{
@Html.TextBox("profileId", null, new { @class = "form-control" }); <br />
<p style="color:red">Replace the "#" in your battle-tag with an "-"</p>
<p style="color:red"> Search is Case-Sensitive </p>
<button class="btn btn-primary" type="submit"> Find Player </button>
}
</div>
</div>
</div>
这是我的CSS:
body {
height: 100%;
width: 100%;
}
.body-content {
padding-left: 15px;
padding-right: 15px;
}
.dl-horizontal dt {
white-space: normal;
}
input,
select,
textarea {
max-width: 280px;
}
#search{
text-align:center;
margin-top:10%;
margin-left:10%;
}
显然Bootstrap.css是默认的,我根本没碰过它。
答案 0 :(得分:0)
您可以通过将元素渲染为内联块来居中,并将父级的text-align属性设置为居中。
<div style="text-align:center;">
<div style="display:inline-block;">This should be in the middle</div>
</div>