如何让我的 div 在 CSS 中对齐？

【问题标题】：How to make my div align in CSS?如何让我的 div 在 CSS 中对齐？
【发布时间】：2023-03-10 22:30:02
【问题描述】：

这是我的实际 div： Pic1

这是 Pic1 HTML 代码，它将根据数据库循环：

<ul class="productUl">
    <li class="productLi">
        <div class="productItem">
                   <!--my div content-->
        </div>
    </li>
</ul>

这是我的 CSS 代码：

.productItem{
    width: 15em;
    height: 13.8em;
    text-align:center;
    background-color: red;

}
.productUl{
    width: 750px;
    text-align:center;
    list-style-type:none;
    padding:5px;
    margin: 0;
} 

.productLi{
    width: 15em;
    float: left; 
    padding:0px 5px; 
}

但是我发现我的productItem是上下的，不能在同一个位置Y，我知道我可以手动设置位置Y，但是除了设置位置Y，我还能保持它们在位置Y吗？有什么想法吗？

这就是我想要的： Pic2

【问题讨论】：

• 对不起，我知道有什么问题，我为此写了错误的循环，我正在循环整个 html 路径，而不仅仅是“
"