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

我相信这会奏效：

.productLi {display: inline; /* or inline-block */ }

Answer 2

It works for me

你的问题显然在其他地方。

你能告诉我们一个完整的页面吗？

Answer 3

我建议不要浮动li，而是将其display设置为inline或inline-block。您可能还需要将white-space: nowrap设置为ul。

希望有所帮助， harpax

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

3 个答案: