更改合作元素的默認高度

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