2012年9月28日金曜日

jQuery Mobile リスト表示の折り返し表現

jQuery Mobile を利用してページを作成すると、リスト表示内の文字列が折り返しになるので、その修正方法。


HTMLヘッダー部に、


<style>
.ui-li .ui-btn-text a.ui-link-inherit {
    white-space: normal;
}
</style>



を記載する。

リスト内の<h>要素の折り返しは、

.ui-li-heading

を指定する。