1. ホーム
  2. ハイパーリンク

[解決済み】空白のない長い文字列を強制的に折り返すにはどうしたらいいですか?

2022-04-10 05:48:21

質問

長い文字列(DNA配列)があります。この文字列には空白文字が含まれていない。

例えば

ACTGATCGAGCTGAAGCGCAGTGCGATGCTTCGATGATGCTGACGATGCTACGATGCGAGCATCTACGATCAGTCGATGTAGCTAGTAGCATGTAGTGA

このテキストを、強制的に html:textarea または xul:textbox ?

解決方法は?

をブロック要素で使用します。

<textarea style="width:100px; word-wrap:break-word;">
  ACTGATCGAGCTGAAGCGCAGTGCGATGCTTCGATGATGCTGACGATGCTACGATGCGAGCATCTACGATCAGTC
</textarea>

をインライン要素に使用します。

<span style="width:100px; word-wrap:break-word; display:inline-block;"> 
   ACTGATCGAGCTGAAGCGCAGTGCGATGCTTCGATGATGCTGACGATGCTACGATGCGAGCATCTACGATCAGTC
</span>