さまざまな畫面サイズでテキストが占める行數(shù)を計算する方法はありますか? < /p>
図に示すように、コンテンツがユーザーの攜帯電話の畫面幅の下 2 行を超える場合は全文が表示され、そうでない場合は全文が表示されません。
光陰似箭催人老,日月如移越少年。
外側(cè)のレイヤーでフレックスレイアウトを使用し、高さの行數(shù)を設(shè)定するか、外側(cè)のレイヤーで最大高さmax-heightを指定します
內(nèi)側(cè)のレイヤーのpにテキストを配置し、通常どおり表示します
html構(gòu)造:
リーリー次に、2 人の身長を判斷します:
リーリー今度は「もっと見る」が表示されます
行の高さに基づいて判斷するという考え方です。行の高さが 1 行の高さよりも大きい場合は、コンテンツが 2 行あることを意味します。コードは次のとおりです:
htmlは次のとおりです:
リーリーjsは以下の通りです:
リーリーコーディングは簡単ではありませんが、気に入ったらいいねしてください?
アイデアを提供するには、行の高さを 20px に設(shè)定し、ページがレンダリングされた後、js のノードの offsetHeight 屬性を使用します。offsetHeight / 20
は行數(shù)です