【CSS】超级居中绝对好用

Prism's Blog Lv2

2022-12-30 02:21:29 2022-12-30 02:21

前端

CSS

69 字 1 分钟

超级居中

直接上例子 grid布局居中

css

.div {
	display:grid;
	place-items: center; /* 分别设置 align-items justify-items */
}

html

1
2
3

<div style="display:grid; place-items: center;">
    <p>居中的文字</p>
</div>

效果图（迫真）

居中的文字

本文标题：【CSS】超级居中绝对好用
本文作者：Prism's Blog
创建时间：2022-12-30 02:21:29
本文链接：https://blog.msirp.cn/2022/12/29/【CSS】超级居中-绝对好用/
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！

#CSS