今日、小さなプログラムを書くときにスクロールビューを使用しましたが、スクロールビューのテキスト行を折り返すことができないことがわかりました。コードは次のとおりです。
<scroll-viewscroll-y style=width:100rpx;height:100rpx;>asdhadjhkajshdkjahsdkjasdajsdhkajsdkajsdkajsdhasjdaksj</scroll-view>
スクロールビューでは英語の大部分が一行でしか表示されず、幅を超えた部分は非表示にできないことがわかりました。
解決するミニ プログラムのスクロールビュー テキストが折り返せない問題をインターネットで検索したところ、ミニ プログラム コンポーネントにはデフォルトでは折り返されないデフォルト スタイルのwhite-space: nowrap; があることがわかりました。そこで、white-space を追加しました。 :normal ! important; を追加してデフォルトのスタイルをオーバーライドしましたが、それが裏目に出たので、テキストの改行を検索したところ、通常は word-break:break-all; がテキスト行に追加されることがわかりました。追加した後、確かにそうだったことがわかりました。
単語の区切り私はプロのフロントエンドではないので（フロントエンドエンジニアの資格を取得しようとしています）、ワードブレークの使用法を特別に調べました。間違いがある場合は、以下に記載します。正してください。
パラメータ:構文: ワードブレーク: 通常のブレークオール |
通常: アジア言語と非アジア言語のテキスト規則に従って、上で書いた例では改行がありません。これは、英語が改行するかどうかを決定するためにスペースを使用するためです。スペースを含まない長い英語文字列ですので、途中にスペースを追加すると、そのスペースで改行されます。文字は改行マークとして使用できます。
Break-all: この動作はアジア言語の通常の動作と同じです。非アジア言語のテキスト行の任意の単語内での区切りも許可されます。この値は、非アジアのテキストを含むアジアのテキストに適しています。この値は単一の英語文字を独立したものとして判断し、各英語文字を改行表現として使用できます。
keep-all : すべての非アジア言語の通常と同じです。中国語、韓国語、日本語の場合、単語の区切りは許可されません。少量のアジアのテキストを含む非アジアのテキストに適しています
要約する上記は、WeChat アプレットのスクロールビューの行折り返し問題を解決するために編集者が紹介したものです。ご質問があれば、メッセージを残してください。編集者が返信します。間に合うように！