2023-uniapp ビューまたはテキスト テキストが長すぎてソリューションをラップできません

序文

  • 今日コードを書いていたら、制限を超えてテキストやビューテキストが表示できなくなってしまい、display: flex; と flex: wrap; を使ってもダメでした。その後、Baidu で検索したところ、uniapp の flex:wrap; が有効にならないことがわかりました。解決策は次のとおりです。

ソリューション

<text >文件名称:</text>
<text  class="gray9" style="width:80%;display:inline-block;white-space: pre-wrap; word-wrap: break-word;height: auto;">
	{
   
   { item.title}}
</text>
  • CSS スタイルに関する最も重要なことは次のとおりです。
width:80%;display:inline-block;white-space: pre-wrap; word-wrap: break-word;height: auto;

ここに画像の説明を挿入

終わらせる

おすすめ

転載: blog.csdn.net/itwangyang520/article/details/128548000