<a>中将元素上下居中
时间: 2023-08-17 09:17:23 浏览: 112
newline-br:前置` `到字符串中的换行符
可以使用 CSS 的 flex 布局来实现<a>元素的上下居中,具体做法如下:
HTML 代码:
```html
<div class="container">
<a href="#">Link</a>
</div>
```
CSS 代码:
```css
.container {
display: flex;
justify-content: center;
align-items: center;
height: 200px;
}
a {
font-size: 24px;
}
```
在上面的代码中,我们使用了 flex 布局,并将容器的 justify-content 属性设置为 center,表示水平居中,将 align-items 属性设置为 center,表示垂直居中。通过设置容器的高度属性,可以确定垂直居中的位置。最后,我们将<a>元素的字体大小设置为 24px,以便更好地显示。
阅读全文