html - 奇怪的 float <li> 结果

标签 html css wordpress

所以我使用 float: left css 标签创建了一个并排放置的列表元素,结果位于此处:http://www.johnkimwell.com/chance/press-center/television/

我不确定为什么下一个元素没有对齐。我检查了我的代码,这始终是我想要 float 列表元素时使用的代码。

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

最佳答案

我建议使用 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>

关于html - 奇怪的 float <li> 结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46518699/

相关文章:

html - flex-box 2x2 网格的内边距和边框

css - 让左边的 div 在浏览器边界消失(就像你已经可以在右边一样)

mysql - Wordpress 自定义 SQL 以获取具有给定元值的三个帖子

flash - 什么是 Flash 的最新和最好的替代品?

HTML图片编码

css - SASS mixin - 连接/折叠到单个属性?

javascript - 谷歌地图标记阴影未显示

mysql - OpenShift 数据库主机值?

jquery - 添加谷歌饼图后,其他元素的top值必须为负值

javascript - 每次点击获取下一个 img