CSS 文本垂直和水平居中的3种方法

2969 阅读 0 评论 1 点赞

1. Flexbox

只需这 3 行代码，我们就可以使用 CSS Flexbox 将文本居中

display: flex;
align-items: center;
justify-content: center;

只需这 3 行代码，我们就可以使用 CSS Grid 将文本居中

display: grid;
justify-content: center;
align-content: center;

最简单方法是仅使用 2 行代码

display: grid;
place-content: center;

暂无评论