gpt4 book ai didi

css - 使用 CSS 网格在最后一行居中元素

转载 作者:行者123 更新时间:2023-11-28 10:09:19 24 4
gpt4 key购买 nike

我正在尝试将底部的两个 li 元素(下图中的餐厅信息容器)置于设置为 display: grid 的 ul 列表中。我认为将 justify-items:center 添加到 ul 列表规则集会起作用,但它没有。我还尝试了 justify-content: center,但没有任何改变。是否有适用于最后一行中的元素的 CSS 网格的解决方案?

appearance

<ul id="restaurants-list"></ul>
/* ul element */
#restaurants-list {
background-color: #f3f3f3;
list-style: outside none none;
margin: 0;
padding: 30px 15px 30px;
display: grid;
grid-gap: 20px;
justify-items: center;
}

#restaurants-list li {
background-color: #fff;
border: 2px solid #ccc;
font-family: Arial, sans-serif;
padding: 10px;
max-width: 270px;
}

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