是否可以自动将奇数个元素的CSS网格居中?示例3列2行网格已经对称但只有6个元素,但不是5个。当使用5个元素时,最后2个元素向左对齐,第6个元素为空。可以使用任何技术将后2个居中吗?
我尝试使用justify-content,justify-items,align-items等
grid-template-columns: auto auto auto;
grid-template-rows: auto auto;
grid-column-gap: 0;
grid-row-gap: 0;
grid-gap: 0;
display:grid;
justify-self: stretch ;
justify-items: stretch;
justify-content: space-between;
结果:当使用奇数个元素(例如5个)时,由于第1个元素中的第6个元素为空,最后2个元素未居中。enter image description here