研究ノート-CSSのワードブレイク属性とワードラップ属性


CSSスタイルを作成するときに、長いテキストが折り返されないという問題が発生する場合があります。ほとんどの問題は、上記の2つの属性を使用して解決できます。

1.単語の区切り:

word-break属性は、自動行折り返しの処理ルールを指定します。

<!-- 固定的模板 view相当于div -->
<view>
    <view class="text" style="width: 250px ">
	    11111111111,1asdasjdia,sjdioneoen,ee1231112121,,ad,a,sd
	</view>
</view>

1.1通常:ブラウザのデフォルトの改行ルール

1.2ブレークオール:ワード内で改行を許可する

1.3 keep-all:半角スペースまたはハイフンでの改行のみ。

2.ワードラップ:

word-wrap属性を使用すると、長い単語またはURLアドレスを次の行に折り返すことができます。

 2.1通常:ブラウザのデフォルトの改行ルール

2.2ブレークワード:単語を新しい行に分割しません


 

おすすめ

転載: blog.csdn.net/qq_41339126/article/details/109860703