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