你如何水平對齊提交按鈕？

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>