css - 在 3 列中显示时去掉 li 项目的第三个边距，使其与页面边缘对齐？

Question

我到处寻找似乎会有一个简单的答案，即不使用 IE 中不支持的第 n 个孩子。解决这个问题的最佳方法是什么？

score 1 · Accepted Answer

1

仅限 IE7+。

li { margin-left: 20px; }
li:first-child { margin-left: 0; }

于 2012-04-12T05:54:35.157 回答

score 0 · Accepted Answer

有一个很好的答案，诀窍是：

为这些框创建一个容器，并将它的边距向右 -20px（或您的原始边距右边），这样它们将在三列中对齐，边距右边 = 20 像素，但容器会吃掉最后 20 像素

看看 twitter bootstrap 他们有很多东西要教

score -1 · Accepted Answer

li:not(:last-child) { margin-right: 20px; }

推荐的 jQuery 解决方案：

$('ul li:not(:last)').css('border', '1px solid blue');

3 回答 3