さまざまな画面サイズでテキストが占める行数を計算する方法はありますか?
< /p>
図に示すように、コンテンツがユーザーの携帯電話の画面幅の下 2 行を超える場合は全文が表示され、そうでない場合は全文が表示されません。
我想大声告诉你2017-05-16 13:10:51
外側のレイヤーでフレックスレイアウトを使用し、高さの行数を設定するか、外側のレイヤーで最大高さmax-heightを指定します
内側のレイヤーのpにテキストを配置し、通常どおり表示します
html構造:
リーリー次に、2 人の身長を判断します:
リーリー今度は「もっと見る」が表示されます
给我你的怀抱2017-05-16 13:10:51
行の高さに基づいて判断するという考え方です。行の高さが 1 行の高さよりも大きい場合は、コンテンツが 2 行あることを意味します。コードは次のとおりです:
htmlは次のとおりです:
リーリーjsは以下の通りです:
リーリーコーディングは簡単ではありませんが、気に入ったらいいねしてください〜
曾经蜡笔没有小新2017-05-16 13:10:51
アイデアを提供するには、行の高さを 20px に設定し、ページがレンダリングされた後、js のノードの offsetHeight 属性を使用します。offsetHeight / 20
は行数です