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

更改可折叠元素的默认高度

1 个答案: