jquery - DIV 之间的额外空间

标签 jquery wordpress jquery-ui html space

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

  1. 一个垂直和水平居中的DIV(用Jquery实现)
  2. 一系列带有滚动效果的按钮(用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/

相关文章:

javascript - 使用$(window).scroll函数跳转到页面上的div

php - 常量 DB_PASSWORD WordPress/Opencart

jquery - 更多的开发人员不为自定义 jQuery 事件命名空间有充分的理由吗?

javascript - 即使值未更改,jQuery UI slider 'change' 事件也会触发

javascript - JQuery 提前触发

javascript - jQuery AJAX : Returns request. 成功后失败

css - 在 .css 中使用很棒的字体代替背景图像 - WordPress 按钮替换

jquery .html(...) 改变不变?

javascript - 如何在不设置全局变量的情况下确定函数是否被调用

php - 在 Zend Framework 中加载 Wordpress 函数