我正在 Wordpress 中设计一个登陆页面,它由两个主要部分组成:
- 一个垂直和水平居中的DIV(用Jquery实现)
- 一系列带有滚动效果的按钮(用JqueryUI实现)
虽然这两个组件似乎都运行良好,但我在 HTML 编辑器中似乎找不到按钮之间的额外空间,可以看到 here 。 “主站点”、“移动版”和“捐赠”按钮之间的空间明显大于标题和第一个按钮之间的空间。
在 Chrome 中使用 inspect 元素,每个按钮的 </div>
标签后面的行包含一个 " "
,我认为这可能是额外空间的原因,但我在 Wordpress HTML 编辑器中找不到它。我也下载了一个 WP 禁用 wpautop 类型的插件,但它没有删除空间。
最后,当我将 HTML 和关联的 CSS 粘贴到 JSfiddle 时,多余的空间消失了。我假设问题出在 Wordpress 的自动格式化上。但是,我无法弄清楚是什么功能在添加空间或如何删除它。任何帮助是极大的赞赏!
最佳答案
我最终为有问题的按钮添加了一个负底部边距,并且它删除/减少了 DIV 之间的空间,以满足我的需要。话虽这么说,如果添加负底边距是不好的做法,有人可以随时加入这篇文章并阻止我!
ShaunOReilly,非常感谢你的帮助和 jsfiddle - 我一定会记住的。
马卡报
关于jquery - DIV 之间的额外空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12152476/