CSS - 控制<p>和</p> <li> </li>之间的保证金

时间:2009-12-03 17:06:15

标签: html css

我有一个客户端,不希望段落和列表项之间有任何空格。是否有CSS方法来控制<p>代码和<li>代码之间的边距?

当然,我可以添加一个类这样的段落,但在CMS世界中是不切实际的。我需要某种

p + li { margin-top: 1px };

或类似的东西。

4 个答案:

答案 0 :(得分:0)

您可以使用jQuery(或其他JS框架)在页面加载时调整它。否则你必须将两个元素包装在另一个元素中,然后通过它在CSS中选择它们。这是你唯一的选择。

答案 1 :(得分:0)

li:first-child { margin-top:1px; }怎么样?

答案 2 :(得分:0)

我认为此空间是由<ul>标记而非<li>标记引起的。这有用吗?

ul{
  margin-top:1px;
  margin-bottom:1px;
}

答案 3 :(得分:0)

由于这是一个CMS环境,因此最终会出现问题。我也在与一个不完全精通HTML的客户合作。

原来他正在从列表中删除ul标签,这使得间距问题变得复杂。

我的解决方案是恢复ul标签,然后执行以下操作:

ul {margin-top: -10px;}

这有效地将列表拉到前一段并且看起来正确。

感谢您的所有输入。