父盒子高度百分比怎么设置行高居中
时间: 2024-01-05 21:04:16 浏览: 80
可以使用以下 CSS 属性设置父盒子高度百分比并居中行高:
```
.parent {
height: 50%; /* 设置父盒子高度为 50% */
display: flex; /* 使用 flex 布局 */
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
line-height: 1.5; /* 设置行高为 1.5 */
}
```
以上 CSS 代码中,通过 `height: 50%;` 设置了父盒子高度为 50%,然后使用 flex 布局的 `justify-content: center;` 和 `align-items: center;` 分别实现了水平和垂直居中,最后通过 `line-height: 1.5;` 设置了行高为 1.5。这样就可以在父盒子高度百分比的情况下,同时实现居中和设置行高。
阅读全文