Question

我正在设计一个简单的joomla模板。当我遇到一个非常奇怪的问题。虽然，我没有给出任何边距或填充，但是列表项之间出现了一些空格。

这是小提琴的链接。 Click here

有人能告诉我我做错了什么吗？

Firebug显示没有。

Answer 1

这与joomla场景没有任何关系。但这是内联块行为的默认方式。它们会自动向右添加大约4px的边距。

快速解决此问题的方法是将float:left应用于列表项

但是，已经提出了类似的question，并且回答者提供了更好的解决方案。即在同一行中关闭并启动li

<ul>
        <li>
            <div>first</div>
        </li><li>
            <div>first</div>
        </li><li>
            <div>first</div>
        </li><li>
            <div>first</div>
        </li>
</ul>

此外，this也值得一读。

Answer 2

在构建网站之前我建议使用reset css。它避免了所有浏览器问题并重置所有元素

这甚至可以解决您的问题

列表项之间的未知空间

2 个答案: