我正在做一个网站的移动版本，使用 JQuery Mobile 和 JSON 来获取数据。我遇到的问题是，当您使用手机打开网站时，带有 data-role="collapsible" 的 DIV 具有固定高度，这意味着如果标题是“This is the title of手机中的新闻”，您会看到“这是标题...”我如何更改该高度？
最佳答案
未指定高度，但设置了一个属性，以便可折叠元素的标题文本为一行。您只需要调整一些 CSS:
.ui-page .ui-content .ui-collapsible .ui-btn-inner {
white-space : normal;
}
这是一个演示:http://jsfiddle.net/yvJ93/
默认情况下，jQuery Mobile 将 white-space : nowrap 应用于可折叠标题，使它们成为单行。
另外，这里有一些关于 white-space 的好读物:https://developer.mozilla.org/en/CSS/white-space
关于jquery - 更改可折叠元素的默认高度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9982834/