CSS保证金问题

Question

对这个简单的问题感到抱歉..

有谁知道为什么我这个页面按钮部分的图像没有正确对齐。最右边的图像似乎被推倒了。没有人知道造成这个问题的原因是什么？

Link to Issue

Answer 1

你有一堆&nbsp不在标签中。看起来这似乎是通过Firebug删除后的问题。删除它们，它应该排成一行。

Answer 2

删除后会有很多空格：

Answer 3

当我检查页面时，我看到在文档中插入了额外的html元素

</li><!-- ITEM ENDS HERE -->
 &nbsp; &nbsp; &nbsp; &nbsp;
 &nbsp; &nbsp; &nbsp; &nbsp;
 &nbsp; &nbsp; &nbsp; &nbsp;<li class="item2">

额外的“nbsp”正在抛弃对齐。

Answer 4

这不是有效的HTML。你需要先修复它。通过验证器运行您的页面并更正“元素div不允许作为元素ul的子元素在此上下文中”错误。

Answer 5

每个<li>上方有很多空格。删除它们，它应该工作正常。使用Chrome开发者工具或Firebug进行检查。

Answer 6

您需要移除</li>和<li>之间的任何空格或换行符，因此在您的CMS的HTML模式中，它应该字面读取</li><li>而不是：

</li>



        <li>

如果不可能，请联系CMS的开发人员/论坛，并向他们寻求帮助。