Question

我有一个输入区域：

<input type="text" placeholder="Enter Here" class="input" name="input[]"/>

及其 css：

<style>
.input{padding-left:13px;margin-left:12px;padding-top:10px;border:0px;width:65%;font-size:15px;font-family:"Marker Felt", "Segoe Print",sans-serif;background:url(http://imageshack.us/scaled/landing/836/framebackground.png);display:block;border-radius:10px;}
.input:hover{box-shadow:0 0 25px #0093ff;-webkit-box-shadow:0 0 25px #0093ff;-moz-box-shadow:0 0 25px #0093ff}
</style>

我想在我的页面中心使用css进行此输入我的意思是我不想使用div来围绕它们我尝试在text-align:center;中使用body但它没有'工作我正在使用<center>但根据w3c它已从HTML 4中删除所以我想使用css。

Answer 1

将margin:0 auto;添加到您的.input课程。

jsFiddle example

（对你不使用<center>）

有好处

Answer 2

试试这个：

<强> CSS

<style>
.input{padding-left:13px;margin-left:12px;padding-top:10px;border:0px;width:65%;font-size:15px;font-family:"Marker Felt", "Segoe Print",sans-serif;background:url(http://imageshack.us/scaled/landing/836/framebackground.png);display:block;border-radius:10px;margin:0 auto;}
.input:hover{box-shadow:0 0 25px #0093ff;-webkit-box-shadow:0 0 25px #0093ff;-moz-box-shadow:0 0 25px #0093ff}
</style>

在这里，您可以使用margin:0 auto;来集中输入元素。

<强> HTML：

<input type="text" placeholder="Enter Here" class="input" name="input[]"/>

如何仅使用css将此输入居中

2 个答案: