怎样使搜索框和搜索按钮在并排
时间: 2023-06-18 10:05:13 浏览: 208
您可以使用 CSS 中的 `display: inline-block;` 属性来实现搜索框和搜索按钮在同一行并排显示。下面是一个例子:
HTML 代码:
```
<form>
<input type="text" placeholder="搜索...">
<button type="submit">搜索</button>
</form>
```
CSS 代码:
```
form input[type="text"],
form button[type="submit"] {
display: inline-block;
vertical-align: middle;
}
```
您可以将上述 CSS 代码添加到您的样式表文件中,或者在 HTML 文件中使用 `<style>` 标签直接嵌入 CSS 代码。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![application/x-rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![doc](https://img-home.csdnimg.cn/images/20210720083327.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)