アプレットのスクロールビューは、問題のテキストを折り返すしません

問題の説明:スクロール-X =スクロールビューの「真」の制御ワードは省略記号を超えた場合、図の要件:

                

                しかし、テキストとして実際の問題は、スタイルをラップしていないか、または障害が表示されます。

以下を達成するために、水平スクロール:

 

以上の2行表示の省略記号:

.scroll_txt { 
    ワードラップブレークの単語を
    表示-webkit-ボックス
    オーバーフロー隠されました ; 
    テキストオーバーフロー省略記号
    ワードラップブレークワード ; 
    -webkitラインクランプ2
    -webkit-ボックスオリエント ; 
}

 

ホワイトスペースは、スクロールビューの上に設けられているので:NOWRAP;示すように、テキストは、ラップにはつながりません。

 

その後.scroll_txtに空白を追加します。通常、重要な、テキストの折り返しのスタイルが、混乱を!図:

 

親要素のオーバーフローの増加:隠された;解決しました。(イオス可能な互換性の問題、あなたはレイヤビューや浮きを追加することができます)。

 

 

 


オリジナルます。https://blog.csdn.net/ifrwrit/article/details/80054525 

おすすめ

転載: www.cnblogs.com/cap-rq/p/11004612.html