1

我对这个 Drupal 有点陌生，但我会尽力解释我的困境。我正在编辑一个在网格周围有边框的网站。我已经想出了如何关闭网格周围的边框。我试图在第 1 列和第 2 列之间仅显示 1 条垂直线，在第 2 列和第 3 列之间显示 1 条垂直线。我想我可以在两列的一侧放置一个边框，或者创建一些规则，在两列之间放置一条垂直线。

无论哪种方式，我都不太了解我的 CSS 来实现这一点。

这是我现在的视图（网格边框关闭）：[1]：http: //i.stack.imgur.com/hnNVO.jpg

这是我当前的 style.css 代码：

    .views-view-grid td {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0px;
    width: 33%;
    }

    .views-view-grid tr {
    border-left: 0px solid #CCCCCC;
    border-right: 0px solid #CCCCCC;
    }

非常感谢任何帮助、建议或指导！

4

1 回答 1

0

这很容易做到，方法是为所有<td>元素赋予一个border-right，然后从最后一个元素中删除它。

.views-view-grid td {
   border-right: 1px solid black;
}

Drupal 通常会自动将类放在列表中的第一个和最后一个元素或类似的东西上。您可以使用这些类从最后一个元素中删除边框。我不知道使用网格时它的行为如何，但由于您使用的是视图，因此您也可以使用 HTML 列表显示。如果您在<li>元素上使用float:left，它的行为将与您的屏幕截图一样。

如果要保留当前设置，可以尝试使用伪选择器：

.views-view-grid td:last-child {
    border-right: none;
}
于 2012-06-27T10:15:40.863 回答