你如何水平对齐提交按钮？

Question

你如何使这个搜索按钮居中对齐水平？

input.search { 
    width: 7em; height: 3em; 
    float: right; 
    padding-right: 10px; 
    background-color: #777777; 
} 

Answer 1

输入默认使用display:inline;风格，这意味着父元素需要有text-align:center;这样的：

.parent { 
 
    background-color: #404040; 
 
    text-align: center; 
 
    padding: 5px; 
 
}

<div class="parent"> 
 
    <input type="submit" class="submit" value="Submit"> 
 
</div>

或可替代，您可以更改显示器类型到display:block;按钮/输入的PE和使用汽车的利润率是这样的：

.parent { 
 
    background-color: #404040; 
 
    padding: 5px; 
 
} 
 
.submit { 
 
    display:block; 
 
    width: 100px; /* note that display block will go full width unless you specify otherwise */ 
 
    text-align:center; 
 
    margin: auto; 
 
}

<div class="parent"> 
 
    <input type="submit" class="submit" value="Submit"> 
 
</div>

Answer 2

这是你需要什么？

.full-width { 
 
    text-align:center; 
 
    width:100%; 
 
    float:left; 
 
    background:#404040; 
 
    padding:5px; 
 
}

<div class="full-width"> 
 
    <input type="button" value="search" /> 
 
</div>

Answer 3

可以使用中心标记

<center> 
 
<input type="button" value="search"/> 
 
</center>