0

jQuery mobile basic list を使って商品一覧を表示しています。（基本一覧例）。h3の文字数が多い場合、タイトルを切り捨てて末尾に「…」を付けて表示します。完全な h3 を新しい行などに表示する方法はありますか?

例えば：

   --------------------------------------------------
   This is a super long ti...
   --------------------------------------------------
   This is a super long title
   displayed in two lines
   --------------------------------------------------

これがコードです

<ul data-role="listview" data-theme="c">
  <li>                                   
    <a href="bar">
      <h3>Title</h3> <----
      <p>Description</p>
      <span class="ui-li-count">$12.99</span>';
    </a>
  </li>
...
</ul>
4

1 に答える 1

2

これらのリストビュー タイトルに適用される JQM css スタイルのいくつかをオーバーライドする必要があると思います。

<h3 style="word-wrap: break-word; white-space: pre-wrap;"> long title here </h3>

ここでこの例を確認してください: http://jsfiddle.net/shanabus/DTNJ4/

お役に立てれば！

于 2012-05-21T13:03:15.430 に答える