jquery - DIV 之间的额外空间

Question

我正在 Wordpress 中设计一个登陆页面，它由两个主要部分组成:

1. 一个垂直和水平居中的DIV(用Jquery实现)
2. 一系列带有滚动效果的按钮(用JqueryUI实现)

虽然这两个组件似乎都运行良好，但我在 HTML 编辑器中似乎找不到按钮之间的额外空间，可以看到 here 。 “主站点”、“移动版”和“捐赠”按钮之间的空间明显大于标题和第一个按钮之间的空间。

在 Chrome 中使用 inspect 元素，每个按钮的 </div> 标签后面的行包含一个 " " ，我认为这可能是额外空间的原因，但我在 Wordpress HTML 编辑器中找不到它。我也下载了一个 WP 禁用 wpautop 类型的插件，但它没有删除空间。

最后，当我将 HTML 和关联的 CSS 粘贴到 JSfiddle 时，多余的空间消失了。我假设问题出在 Wordpress 的自动格式化上。但是，我无法弄清楚是什么功能在添加空间或如何删除它。任何帮助是极大的赞赏!

Answer 1

我最终为有问题的按钮添加了一个负底部边距，并且它删除/减少了 DIV 之间的空间，以满足我的需要。话虽这么说，如果添加负底边距是不好的做法，有人可以随时加入这篇文章并阻止我!

ShaunOReilly，非常感谢你的帮助和 jsfiddle - 我一定会记住的。

马卡报