摘要: .container { display: grid; place-items: center; /* 1.网格项居中 */ place-content: center; /* 2.网格居中,网格项撑满网格则效果为网格项居中 */ } .child { place-self: center; /* 阅读全文
posted @ 2023-07-01 16:54 全玉 阅读(186) 评论(0) 推荐(0) 编辑
摘要: grid布局,除了常规的布局使用,还可以,将元素挤到一个网格内,产生特别的布局效果 1. 一个居中,一个居左或居右 关键代码: .grid-container { display: grid; align-items: center; } .grid-item { grid-area: 1/1; } 阅读全文
posted @ 2023-07-01 16:10 全玉 阅读(39) 评论(0) 推荐(0) 编辑