CSS搜索欄怎么居中

在網頁中加入搜索欄是非常常見的。但是如何讓搜索欄居中呢？下面我們就來學習一下CSS搜索欄怎么居中。

首先，我們需要將搜索欄的寬度設置為固定值，如下：

<style>
.search-box {
width: 300px;
}
</style>

然后，我們需要將搜索欄的左、右外邊距設置為“auto”，如下：

<style>
.search-box {
width: 300px;
margin: 0 auto;
}
</style>

這樣就可以讓搜索欄居中了。完整的代碼如下：

<style>
.search-box {
width: 300px;
margin: 0 auto;
}
</style>
<div class="search-box">
<input type="text" placeholder="請輸入搜索內容">
<button>搜索</button>
</div>

以上就是CSS搜索欄怎么居中的方法，希望可以對您有所幫助。