jQueryMobileで省略されてしまうテキストを表示するCSS


jQuery Mobile を使っていると、表示されるテキストが省略されてしまうのですが、CSSを上書きすると省略されなくなるみたいです。ということでなんども検索したのでメモメモ

/* テキストを省略せずに表示する */
.ui-header .ui-title,            /* ヘッダー */
.ui-footer .ui-title,            /* フッター */
.ui-btn-inner,                /* ボタン */
.ui-li-heading,                /* リスト見出し */
.ui-li .ui-btn-text a.ui-link-inherit,    /* リンクリスト */
.ui-li-desc                /* リスト詳細 */
{
    overflow: visible;
    white-space: normal;
}

現状だとCSSを追加するしかないんですかねえ。そのうち属性追加されたりするかもとおもったり

参考になったadobe公式

テキストを省略せずに表示する
/ Dreamweaver デベロッパーセンター /
jQuery Mobileを使ったスマートフォンサイト制作に役立つスニペット


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です