html两个按钮并排居住
时间: 2023-11-12 08:09:18 浏览: 144
你可以使用 CSS 中的 float 属性来实现两个按钮并排排列。具体的方法如下:
HTML 代码:
```html
<div class="button-wrapper">
<button>按钮1</button>
<button>按钮2</button>
</div>
```
CSS 代码:
```css
.button-wrapper {
overflow: hidden;
}
button {
float: left;
margin-right: 10px;
}
```
以上代码中,我们首先将两个按钮放在一个包裹元素(div)中,并设置该元素的 overflow 属性为 hidden,这是为了让该元素自适应子元素的高度。然后,我们通过设置按钮的 float 属性为 left,使得它们可以并排排列。最后,我们使用 margin-right 属性来给第一个按钮添加一些右侧间隔。这样,两个按钮就可以并排排列了。
阅读全文