JQuery Mobile 1.4标头间距

Question

当我将搜索文本输入元素放在我的标题中的div中时，它会在顶部添加大量空间。我已经尝试在所有元素上设置margin / padding 0，但额外的空间仍然存在：

<div><input data-theme="a" data-type="text" data-mini="true" data-clear-btn="true"></div>

http://jsfiddle.net/155pr11x/

Answer 1

由您的来源中的一些额外不间断的空格字符导致转换为 where columnName = 1 。

我猜测你是通过从他们的网站复制/粘贴代码而被捕的，请参阅Jquery Mobile automatically adds &nbsp

更新了没有空格的小提琴http://jsfiddle.net/155pr11x/1/

Answer 2

尝试使用Chrome浏览器的“更多工具/开发者工具”或使用Firefox浏览器的“Firebug”插件查看感兴趣的HTML元素。这两种工具都应该向您展示为什么要获得您所看到的间距。

Answer 3

此处未关闭输入元素solution

<input data-theme="a" data-type="text" data-mini="true" data-clear-btn="true"/>