Question

所以我使用float：left css标签创建了一个并排放置的列表元素，结果可以在这里找到：http://www.johnkimwell.com/chance/press-center/television/

我不确定为什么下一个元素没有对齐。我检查了我的代码，这总是我每次想要浮动列表元素时使用的代码。

感谢任何帮助和提示。谢谢，

Answer 1

我建议使用float:left代替display:inline-block

喜欢这段代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        ul li{
            display: inline-block;
        }
    </style>
</head>
<body>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
    </ul>
</body>
</html>

Answer 2

为cat-item类添加高度应足以使其正常工作：

.cat-item {
    float: left;
    padding-right: 15px !important;
    display: inline-block !important;
    height: 100px;
}

奇怪的浮动<li>结果

2 个答案: