我有一个客户端,不希望段落和列表项之间有任何空格。是否有CSS方法来控制<p>
代码和<li>
代码之间的边距?
当然,我可以添加一个类这样的段落,但在CMS世界中是不切实际的。我需要某种
p + li { margin-top: 1px };
或类似的东西。
答案 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;}
这有效地将列表拉到前一段并且看起来正确。
感谢您的所有输入。