css - 使用 的多列列表

Question

我正在使用 ul/li 创建 wordpress 类别的多列图库 View 。但是除了第一行之外的所有行都有左边距..

我看不出我做错了什么!

http://spirit.no/category/musikkanmeldelser/

我可以用 for 循环解决这个问题吗？

Answer 1

这是由这个 CSS 引起的:

.last-posts li:first-child {
  margin-left: 0px;
}

http://spirit.no/wp-content/themes/spirit/style.css第235行

用这个 CSS 覆盖 margin-left 给 .last-posts li 元素:

.last-posts li.the-post {
  width: 290px;
  min-height: 270px;
  float: left;
  margin-left: 15px;
  position: relative;
}

您可以去掉 :first-child CSS，或者在接收 margin-left: 0px; 的行中为每个帖子添加一个类。看你自己了，方法很多