超级居中

简介: 超级居中

效果.gif


首先指定 grid 作为 display 方法,然后在同一个元素上写入 place-items: centerplace-items 是同时设置 align-itemsjustify-items 的快速方法。通过将其设置为 centeralign-itemsjustify-items 都将设置为 center

.parent {
    display: grid;
    place-items: center;
}点击复制复制失败已复制


这使得内容能够在父级内完美居中,而不管内部大小。

目录
相关文章
|
8月前
|
前端开发 开发者 容器
|
6月前
|
前端开发 C++ 容器
CSS【详解】居中对齐 (水平居中 vs 垂直居中)
CSS【详解】居中对齐 (水平居中 vs 垂直居中)
52 0
水平居中 #31
水平居中 #31
59 0
|
前端开发 JavaScript
【前端】相对定位实现十字居中(上下左右居中)
【前端】相对定位实现十字居中(上下左右居中)
102 0
CSS3盒子居中模型,如何让盒子居中。
CSS3盒子居中模型,如何让盒子居中。
113 0
CSS3盒子居中模型,如何让盒子居中。
|
C#
C#中,让按钮文字垂直水平都居中
C#中,让按钮文字垂直水平都居中
163 0
|
算法 前端开发
居中对齐的几种方法
居中对齐的几种方法
175 0
html+css实战106-版心居中
html+css实战106-版心居中
304 0
|
前端开发
CSS布局之居中
CSS布局之居中本文主要是介绍水平居中,垂直居中,还有水平垂直居中的方法水平居中 1.行内元素水平居中 使用text-align:center;就可以实现行内元素的水平居中,但是记得要在父元素中设置,会对子元素生效。
1383 0