如何删除标题和可折叠al Jquery Mobile的开头之间的空格？

Question

我会删除标题和可折叠开头之间的空格，如果你能提供帮助，我将不胜感激

<div data-role="page">
      <div data-role="header">
         <h1>Test</h1>
      </div>
          <div data-role="collapsible-set" data-corners="false">
          <div data-role="collapsible"> 
            <h3>Title</h3>       
            <p>Content</p>
          </div>
          <div data-role="collapsible">
            <h3>Title 2</h3>
            <p>Content 2</p>
         </div>
       </div>
    </div>

[这是与图片的链接。我会删除标题和可折叠的开头之间的空格[1]

  [1]: http://afines.com/foro/space.jpg

Answer 1

  

“内容div上有一个15px的填充....”

在某种程度上似乎已经回答了here。此外，在使用Chrome的开发者工具选项检查.ui-collapsible-set元素时，我发现margin的条款设置为.5em。

为了完全删除标题和可折叠集之间的空格，边距需要使用<style>标记进行调整：

.ui-collapsible-set { margin: 0 0; }