gpt4 book ai didi

css - 居中对齐网格元素

转载 作者:行者123 更新时间:2023-11-28 09:54:59 25 4
gpt4 key购买 nike

<分区>

我一直在尝试将一个非常简单的 CSS 网格居中,但它似乎没有成功 - 我希望网格元素在视口(viewport)变得太小时保持居中,但其中一个会转到下一个线(它们前后居中)。

谁能告诉我我做错了什么?

.Listing {
list-style: none;
display: grid;
grid-gap: 10px;
padding: 10px 40px;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
padding-bottom: 30px;
background-color: #71F;
justify-content: center;
}

.Listing li {
background-color: #F7F;
border: solid 1px #dddddd;
height: 150px;
}
<div id="Text">
<ul class="Listing">
<li>
<div></div>
</li>
<li>
<div></div>
</li>
<li>
<div></div>
</li>
</ul>
</div>

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com