使用CSS网格可以实现这种实现吗? (显示:网格;仅)

时间:2019-04-05 20:31:07

标签: css twitter-bootstrap responsive-design grid css-grid

是否可以自动将奇数个元素的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

0 个答案:

没有答案
相关问题