0

我在这个问题上花了几个小时。我知道它与 float:left 和 display:inline-block 有关。我试过clearfix。它只是不工作。

我什至删除了元素检查器中的所有文件。它仍然显示楼梯。下面是链接，此页面基于 wordpress 默认模板，我在此页面上添加了 [featured_products per_page="12" columns="4" orderby="date" order="desc"]。

http://101.0.116.204/~vomcom/wp/months-resources/

我想让它看起来像这样：

http://101.0.116.204/~vomcom/wp/product-category/books/

我正在使用 wootheme 画布主题

如果有人可以提供帮助，非常感谢。

4

3 回答 3

1

正如 Carlos 建议的那样，将 line-height 0 添加到容器中可以解决问题，尽管您面临另一个问题（例如继承 line-height 的子级 - “Sale”标签）。

似乎问题<pre>在于包装您的<ul>. 将其更改为<div>（或仅将其删除）可解决浮动/楼梯问题。此外，您的标记将是有效的（因为pre标签应该包含短语内容）。

于 2014-09-04T02:20:42.350 回答
0

将此添加到您的 CSS 中：

ul.products{
    line-height: 0;
}

它看起来像所需的链接。

你仍然需要做一些工作让它看起来相等，如果你需要line-height在这个元素的子元素中不同，只需设置它:)

于 2014-09-04T02:15:35.167 回答
0

ul.products 的 CSS 路径从一个页面到另一个页面非常不同。

正确布局的路径：

#main > ul

破坏布局的路径：

#main > article > section > pre > div > ul

由于编辑每个班级以找到这个单独的问题是一项无休止的任务（由于涉及的班级数量众多），我建议您完全删除有问题的页面，将正确的页面复制到新页面中，然后编辑该页面以显示你想要的内容，注意不要添加无用的对象、div 或类。

于 2014-09-04T02:23:47.657 回答