CSS 布局 – 水平 & 垂直对齐

相关文章推荐

重感情的大象 · 2024深圳中考适应性考试难度系数及分数学校 ...· 4 月前 ·

鬼畜的绿豆 · 跟赵之谦学魏碑，让你避免在刀痕中迷失方向_百 ...· 6 月前 ·

爱运动的口罩 · 如何评价《雄狮少年》的剧情？ - 知乎· 1 年前 ·

潇洒的蚂蚁 · 云南省人民政府关于印发云南省“十四五”文化和 ...· 1 年前 ·

心软的芒果 · 宝马发布的劳斯莱斯和MINI未来百年概念车- ...· 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 右对齐

推荐文章

重感情的大象 · 2024深圳中考适应性考试难度系数及分数学校定位_实验_高中_底部

4 月前

鬼畜的绿豆 · 跟赵之谦学魏碑，让你避免在刀痕中迷失方向_百科TA说

6 月前

爱运动的口罩 · 如何评价《雄狮少年》的剧情？ - 知乎

1 年前

潇洒的蚂蚁 · 云南省人民政府关于印发云南省“十四五”文化和旅游发展规划的通知_云政发_云南省人民政府门户网站

1 年前

心软的芒果 · 宝马发布的劳斯莱斯和MINI未来百年概念车-手机新浪汽车

1 年前