更改合作元素的默认高度

Question

我正在使用JQuery Mobile和JSON执行提取数据的网站的移动版本。我的问题是，当你用手机打开网站时，与data-role="collapsible"的DIV有固定的高度，这意味着如果标题是“这是手机中的新闻标题”，你会看到“这是标题...“我如何改变这个高度？

Answer 1

未指定高度，但设置了一个属性，以便可折叠元素标题的文本为单行。所有你需要的是调整了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