word如何上下居中
时间: 2023-08-15 14:04:21 浏览: 87
要让单个单词上下居中,可以使用以下三种方法:
1. 使用行高(line-height)属性。将字体大小设置为与行高相同的值,并将行高设置为与容器高度相同的值,就可以使单个单词上下居中。
```css
.container {
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.word {
font-size: 50px;
line-height: 50px;
}
```
2. 使用绝对定位(position: absolute)。将单词的父元素设置为相对定位(position: relative),然后将单词使用绝对定位(position: absolute)居中。
```css
.container {
height: 50px;
position: relative;
}
.word {
font-size: 50px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
```
3. 使用表格布局(display: table)。将单词的父元素设置为表格布局(display: table),然后将单词设置为表格单元格(display: table-cell)并垂直居中(vertical-align: middle)。
```css
.container {
height: 50px;
display: table;
}
.word {
font-size: 50px;
display: table-cell;
vertical-align: middle;
}
```
阅读全文