39

jQuery Mobile のリスト アイテムとボタンのデフォルトの動作をオーバーライドしようとしています。この jQuery Mobile には、隠れたオーバーフローとして 1 行に収まらないテキストがあります。

これをスキニー ブラウザ ウィンドウまたは iPhone で表示すると、私の言いたいことがわかるでしょう: http://m.gizmag.com

各リスト項目の h3 および p タグ内のテキストを新しい行にラップできるようにしたいと考えています。

前もって感謝します!

4

2 に答える 2

69

white-space:normal要素のスタイルを設定してみてください。

<a>jQuery Mobile listview-styled 内の anchor ( ) 要素を使用してこれを実行したところ、li期待どおりにテキストがラップされました。Chrome の開発者ツールを使用して、CSS 属性がどこから来ているのかを判断し、対話的に変更して、思い通りに機能するようにしました。

-- デレク

于 2010-12-08T17:33:55.033 に答える
7

可能であれば、これを a で囲む<div>とラップされます。(ただし、影響を受ける要素を見つけて宣言することwhite-space:normalがより適切な解決策です)

ソース: http://forum.jquery.com/topic/list-items-are-truncating-text-is-there-a-way-around-this

于 2011-09-16T05:02:35.390 に答える