jQuery登录按钮和注册按钮居中怎么弄
时间: 2023-07-04 07:22:09 浏览: 74
可以使用 CSS 属性 `text-align` 来实现登录按钮和注册按钮的居中对齐。具体来说,可以在包含登录按钮和注册按钮的父元素上设置 `text-align: center;` 的样式,使其内部的子元素水平居中对齐。
同时,为了让登录按钮和注册按钮在同一行并且居中对齐,可以给它们的父元素设置 `display: flex;` 和 `justify-content: center;` 的样式,使其成为一个水平居中的弹性容器。
下面是一个示例代码,可以做参考:
```html
<div class="buttons-container">
<button class="login-btn">登录</button>
<button class="register-btn">注册</button>
</div>
```
```css
.buttons-container {
display: flex;
justify-content: center;
text-align: center;
}
.login-btn,
.register-btn {
/* 按钮的样式 */
}
```
在上面的代码中,`.buttons-container` 是包含登录按钮和注册按钮的父元素,设置了 `display: flex;` 和 `justify-content: center;`,使其成为一个水平居中的弹性容器。同时,也设置了 `text-align: center;`,使其内部的子元素也能够水平居中对齐。`.login-btn` 和 `.register-btn` 是登录按钮和注册按钮的样式,可以根据实际需要进行调整。