0

jquerymobileを使用してサムネイル付きのリストを作成しています。次のようになります。

<ul>
   <li>
      <h3>Heading</h3>
      <p>Long thumbnail which I want to be divided into 2 lines and not just simply cut with ... ending</p>
   </li>
</ul>

ブラウザ内で見るとすべてうまくいきますが、モバイル(もちろん画面が小さい)にロードするとサムネイルがカットされます。ですから、この長いサムネイルのようには見えません...。しかし、サムネイル全体を表示して、2行以上に分割したいと思います。これを行う方法はありますか?

私もこのコードを持っています

  • <p class="ui-li-aside"> Date or some text</p>
    

    右側に日付が表示されています

  • 。繰り返しになりますが、Webブラウザーでは見栄えがしますが、モバイルでは単に自分をカットするだけなので、Headiのように見えます。

    HEADING 3
    Thumbnail first line (probably divided into two lines)
    Thumbnail Second line (if first line is not enough)
                                                           ul-li-aside(actual date)
    

    今のところそれはこのように見えます(私の携帯電話では):

    HEADI....       ul-li-aside(actual date)
    Thumbnail firs....
    
  • 4

    1 に答える 1