JQuery移动wordwrap里面的<h *>标签</h *>

Question

我有以下jquery移动代码：

<div data-role="collapsible">
<h3>I like to read a lot but sometimes I simply can't bring myself to do it</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi iaculis interdum felis, et tempor nunc commodo sit amet. Ut fringilla.  
</p></div>

我需要使用h3标记进行自动换行，而不是像jquery mobile默认那样进行截断。

我已尝试将上述h3标记更改为：

<h3 style="white-space:normal;">

或将以下内容添加到样式表

h3  { white-space:normal; }

或

.h3  { white-space:normal; }

这些都不起作用......任何想法？我可以用换行包裹它，但这并不好，因为如果有人改变了手机的方向，它看起来很难看。

由于

的Darren

Answer 1

你有正确的想法。 JQM只是做了一些时髦的标记，你最终的目标是错误的。

 .ui-collapsible h3 .ui-btn-text{white-space:normal;}