CSS 布局 – 水平 & 垂直对齐

相关文章推荐

安静的土豆 · html怎样保持高度一致,设置多个模块（di ...· 1 年前 ·

刚失恋的木瓜 · 通过Logstash将ES数据迁移至Serv ...· 2 年前 ·

风流倜傥的烈马 · sqlServer如何实现分页查询_sqls ...· 2 年前 ·

鼻子大的脆皮肠 · unity崩溃日志怎么看-掘金· 2 年前 ·

不拘小节的鸵鸟 · 窥探Swift之数组安全索引与数组切片-阿里 ...· 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 右对齐

推荐文章

安静的土豆 · html怎样保持高度一致,设置多个模块（div）高度始终保持一致 - CSDN文库

1 年前

刚失恋的木瓜 · 通过Logstash将ES数据迁移至Serverless应用_检索分析服务 Elasticsearch版(ES)-阿里云帮助中心

2 年前

风流倜傥的烈马 · sqlServer如何实现分页查询_sqlserver分页查询语句-CSDN博客

2 年前

鼻子大的脆皮肠 · unity崩溃日志怎么看-掘金

2 年前

不拘小节的鸵鸟 · 窥探Swift之数组安全索引与数组切片-阿里云开发者社区

2 年前