jQuery Mobile のリスト アイテムとボタンのデフォルトの動作をオーバーライドしようとしています。この jQuery Mobile には、隠れたオーバーフローとして 1 行に収まらないテキストがあります。
これをスキニー ブラウザ ウィンドウまたは iPhone で表示すると、私の言いたいことがわかるでしょう: http://m.gizmag.com
各リスト項目の h3 および p タグ内のテキストを新しい行にラップできるようにしたいと考えています。
前もって感謝します!
jQuery Mobile のリスト アイテムとボタンのデフォルトの動作をオーバーライドしようとしています。この jQuery Mobile には、隠れたオーバーフローとして 1 行に収まらないテキストがあります。
これをスキニー ブラウザ ウィンドウまたは iPhone で表示すると、私の言いたいことがわかるでしょう: http://m.gizmag.com
各リスト項目の h3 および p タグ内のテキストを新しい行にラップできるようにしたいと考えています。
前もって感謝します!
white-space:normal
要素のスタイルを設定してみてください。
<a>
jQuery Mobile listview-styled 内の anchor ( ) 要素を使用してこれを実行したところ、li
期待どおりにテキストがラップされました。Chrome の開発者ツールを使用して、CSS 属性がどこから来ているのかを判断し、対話的に変更して、思い通りに機能するようにしました。
-- デレク
可能であれば、これを a で囲む<div>
とラップされます。(ただし、影響を受ける要素を見つけて宣言することwhite-space:normal
がより適切な解決策です)
ソース: http://forum.jquery.com/topic/list-items-are-truncating-text-is-there-a-way-around-this