html - CSS inline-block 元素不在同一行

标签 html css

我有一系列内联 block div,宽度均为 33%。它们应该形成一个网格——每行 3 个 div。除了第一行,这很好用,第一个内联 block div 占据了整行并且它的水平位置非常奇怪。自己看看:

http://restartcomputer.com/category/products/new-products/

知道如何解决这个问题吗?

最佳答案

尝试删除或更改填充底部,如果我尝试删除它效果很好

.products-breadcrumbs ul li {
    float: left;
    margin-left: 90px;
    **padding-bottom: 25px;**
}

关于html - CSS inline-block 元素不在同一行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29315172/

相关文章:

html - 如何显示 : table-cell be the same height with my CSS?

html - 尝试将选取框放置在图像上的精确位置。将图像放在父 div 中。在那个父 div 中,我有选取框 div

javascript - 当它出现在视口(viewport)中时开始 SVG 动画

javascript - 如果 tr 有 td[rowspan]

css - 更改字体样式 wrt @font-face 支持

javascript - 如何更改 Firebase 父节点的名称以启用规则

php - Javascript:使用 javascript 检查多个复选框

javascript - 通过 jQuery 获取页面

javascript - php mysql 用户评分和评论系统

javascript - 第一张图片不显示在 JS/JQUERY 幻灯片中