无法在屏幕中央获取输入字段

时间:2017-01-12 07:16:38

标签: javascript html css

我的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>

2 个答案:

答案 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;'>