CSS 布局 – 水平 & 垂直对齐

相关文章推荐

另类的饭盒 · [WPF]带下拉列表的文本框 - 东邪独孤 ...· 1 年前 ·

会搭讪的骆驼 · 用Dataproc无服务器从BigQuery ...· 1 年前 ·

从容的鼠标 · 南大学子在第8届中国大学生计算机设计大赛中获佳绩· 2 年前 ·

垂直居中 - 使用 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 右对齐

推荐文章

另类的饭盒 · [WPF]带下拉列表的文本框 - 东邪独孤 - 博客园

1 年前

会搭讪的骆驼 · 用Dataproc无服务器从BigQuery数据表编写PySpark表-腾讯云开发者社区-腾讯云

1 年前

从容的鼠标 · 南大学子在第8届中国大学生计算机设计大赛中获佳绩

2 年前