CSS 布局 – 水平 & 垂直对齐

相关文章推荐

知识渊博的紫菜 · 国家话剧院回应易烊千玺等艺人考编争议，处于公 ...· 3 月前 ·

文武双全的小笼包 · 宝骏悦也社区_新出行· 1 年前 ·

月球上的钢笔 · 七万人丧生，“圣巴托洛缪惨案”——巴黎史上最 ...· 1 年前 ·

天涯 · 暹粒spa_小红书· 1 年前 ·

发呆的手套 · 中共中央办公厅 ...· 1 年前 ·

垂直居中 - 使用 position 和 transform

除了使用 padding 和 line-height 属性外,我们还可以使用 transform 属性来设置垂直居中:

.center { height: 200 px ; position: relative ; border: 3 px solid green ; .center p { margin: 0 ; position: absolute ; top: 50 % ; left: 50 % ; transform: translate (- 50 % , - 50 % ) ;
尝试一下 »

提示: 更多 transform 属性内容可以参阅 2D 翻转章节。

CSS 使用 margin 让 div 居中对齐

CSS 使用绝对定位让 div 右对齐

推荐文章

知识渊博的紫菜 · 国家话剧院回应易烊千玺等艺人考编争议，处于公示阶段(含视频)_手机新浪网

3 月前

文武双全的小笼包 · 宝骏悦也社区_新出行

1 年前

月球上的钢笔 · 七万人丧生，“圣巴托洛缪惨案”——巴黎史上最血腥的一夜文/怒江潮世界上一切非战争引起的屠杀惨案几乎都源于种族或宗教争端。16世纪发生在巴黎的这起惨案也不例外，它对法国乃至欧洲... - 雪球

1 年前

天涯 · 暹粒spa_小红书

1 年前

发呆的手套 · 中共中央办公厅国务院办公厅印发《“十四五”文化发展规划》

1 年前