css - 在 jQuery Mobile 中包装可折叠

Question

考虑以下 jQuery Mobile 标记:

    <div data-role="collapsible">
      <h3 style="white-space:normal">This heading is not
wrapping even after "white-space:normal" style is applied</h3>
       <p>This content is wrapping without any problems</p>
     </div>

由于 "white-space:normal" 样式，标题应该换行，但它没有发生。

为什么会这样？

我可以做些什么来换行标题？

Answer 1

从版本 1.4.3 开始，您现在需要在 CSS 中执行以下操作:

h3 .ui-btn{white-space:normal !important;}

我遇到了这个问题，这让我发疯，因为所有在线示例都是针对旧版本的 jQuery Mobile，而且显然 jQuery Mobile 的优秀人员随着时间的推移更改了他们的类名。