我正在使用JQuery Mobile和JSON来获取网站的移动版本以获取数据。我遇到的问题是,当您使用移动设备打开网站时,data-role="collapsible"
的DIV具有固定的高度,这意味着如果标题为“这是移动设备中的新闻标题”,您会看到“这是标题......“我怎样才能改变这个高度?
答案 0 :(得分:0)
未指定高度,但设置了属性,以便可折叠元素的标题文本为一行。你只需要调整一点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