検索

ホームページ  >  に質問  >  本文

JavaScript - Web フロントエンドは、コンテンツの長さが 2 行であるかどうかをどのように判断しますか? (画面幅が異なる場合)

さまざまな画面サイズでテキストが占める行数を計算する方法はありますか?
< /p>

図に示すように、コンテンツがユーザーの携帯電話の画面幅の下 2 行を超える場合は全文が表示され、そうでない場合は全文が表示されません。

大家讲道理大家讲道理2806日前1754

全員に返信(6)返信します

  • 我想大声告诉你

    我想大声告诉你2017-05-16 13:10:51

    外側のレイヤーでフレックスレイアウトを使用し、高さの行数を設定するか、外側のレイヤーで最大高さmax-heightを指定します
    内側のレイヤーのpにテキストを配置し、通常どおり表示します

    リーリー

    html構造:

    リーリー

    次に、2 人の身長を判断します:

    リーリー

    今度は「もっと見る」が表示されます

    返事
    0
  • 给我你的怀抱

    给我你的怀抱2017-05-16 13:10:51

    行の高さに基づいて判断するという考え方です。行の高さが 1 行の高さよりも大きい場合は、コンテンツが 2 行あることを意味します。コードは次のとおりです:

    htmlは次のとおりです:

    リーリー

    jsは以下の通りです:

    リーリー

    コーディングは簡単ではありませんが、気に入ったらいいねしてください〜

    返事
    0
  • 阿神

    阿神2017-05-16 13:10:51

    次に行の高さを判断します

    返事
    0
  • 巴扎黑

    巴扎黑2017-05-16 13:10:51

    現在のテキストには別の dom があり、その高さと行の高さを取得して動的に計算する必要があります

    返事
    0
  • 曾经蜡笔没有小新

    曾经蜡笔没有小新2017-05-16 13:10:51

    アイデアを提供するには、行の高さを 20px に設定し、ページがレンダリングされた後、js のノードの offsetHeight 属性を使用します。offsetHeight / 20は行数です

    返事
    0
  • 过去多啦不再A梦

    过去多啦不再A梦2017-05-16 13:10:51

    使う

    リーリー

    以上です

    返事
    0
  • キャンセル返事