【问题标题】:CSS inline-block elements not on the same lineCSS inline-block 元素不在同一行
【发布时间】:2015-03-28 16:41:23
【问题描述】:

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

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

有什么办法可以解决这个问题吗??

【问题讨论】:

  • 尝试clearfix::afterdisplay 更改为hidden
  • 你能发布代码吗?还有小提琴?

标签: html css


【解决方案1】:

尝试删除或更改填充底部,如果我尝试删除它工作正常

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

【讨论】:

  • 在子菜单中谈论 CSS(iPod 和 iPad、mac...)
  • 你真是个天才!!!然而你有想过吗?它们似乎与我完全无关。
  • 谢谢 :) 我不确定,因为我需要查看您的代码,但您的带有“entry clearfix product-entry”类的 Div 似乎无法通过子菜单进入下方。你不喜欢 Boostrap 或 Foundation 吗?
  • 当我开始一个新项目时,我使用了一个好的简单的重置 CSS:meyerweb.com/eric/tools/css/reset 这是最好的,而且没有什么不好的惊喜 ;)
  • 我正在对一个已经建立的网站进行一些修改。大部分代码不是我的,所以有时我必须做一些侦探工作。
猜你喜欢
  • 1970-01-01
  • 2015-04-17
  • 2014-11-24
  • 1970-01-01
  • 1970-01-01
  • 2014-03-29
  • 1970-01-01
  • 2021-07-04
  • 2012-04-18
相关资源
最近更新 更多