問題の説明:スクロール-X =スクロールビューの「真」の制御ワードは省略記号を超えた場合、図の要件:
しかし、テキストとして実際の問題は、スタイルをラップしていないか、または障害が表示されます。
以下を達成するために、水平スクロール:
以上の2行表示の省略記号:
.scroll_txt { ワードラップ:ブレークの単語を、 表示:-webkit-ボックス。 オーバーフロー:隠されました ; テキストオーバーフロー:省略記号。 ワードラップ:ブレークワード ; -webkitラインクランプ:2。 -webkit-ボックスオリエント:縦 ; }
ホワイトスペースは、スクロールビューの上に設けられているので:NOWRAP;示すように、テキストは、ラップにはつながりません。
その後.scroll_txtに空白を追加します。通常、重要な、テキストの折り返しのスタイルが、混乱を!図:
親要素のオーバーフローの増加:隠された;解決しました。(イオス可能な互換性の問題、あなたはレイヤビューや浮きを追加することができます)。
オリジナルます。https://blog.csdn.net/ifrwrit/article/details/80054525