html - 如何使我的 div 在 CSS 中对齐？

Question

这是我的实际 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

Answer 1

It works for me .

你的问题显然在别处。

你能给我们看一个完整的页面吗？