国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

JavaScript - Web フロントエンドは、コンテンツの長さが 2 行であるかどうかをどのように判斷しますか? (畫面幅が異なる場合)
大家講道理
大家講道理 2017-05-16 13:08:51
0
6
1817

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

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

大家講道理
大家講道理

光陰似箭催人老,日月如移越少年。

全員に返信(6)
我想大聲告訴你

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

リーリー

html構(gòu)造:

リーリー

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

リーリー

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

いいねを押す +0
給我你的懷抱

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

htmlは次のとおりです:

リーリー

jsは以下の通りです:

リーリー

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

いいねを押す +0
阿神

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

いいねを押す +0
巴扎黑

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

いいねを押す +0
曾經(jīng)蠟筆沒有小新

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

いいねを押す +0
過去多啦不再A夢

使う

リーリー

以上です

いいねを押す +0
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート