我的JSP页面中有一个输入字段,希望它位于屏幕的中心,但即使尝试了各种方法之后也没有发生。包含输入的div看起来像这样
<div class="text-center" id="keywordSelect">
<div class="text-center">
<p style='text-align:center'>
<input type="text" class="form-control" id="keyword" name="name" placeholder="Enter Keyword" style='width:30em;display:block'>
</p>
</div>
<div class="text-center">
<button type="button" class="btn btn-success" id="keyword_button">View</button>
</div>
</div>
答案 0 :(得分:3)
尝试此代码。它将在屏幕中心显示您的字段。
<div class="text-center" id="keywordSelect" align="center">
<div class="text-center">
<p>
<input type="text" class="form-control" id="keyword" name="name"
placeholder="Enter Keyword" style='width: 30em; display: block'>
</p>
</div>
<div class="text-center">
<button type="button" class="btn btn-success" id="keyword_button">View</button>
</div>
</div>
答案 1 :(得分:1)
添加margin:0 auto
<input type="text" class="form-control" id="keyword" name="name"
placeholder="Enter Keyword" style='width: 30em; display: block; margin:0 auto;'>