jquery-mobile - 如何删除标题和可折叠 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 上有一个 15 像素的填充 ....”

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

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

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