1. ホーム
  2. html

ハイフン(-)などの特殊文字の後に単語を分割する方法

2023-09-30 05:37:55

質問

比較的単純なCSSが与えられた。

div {
  width: 150px;
}
<div>
  12333-2333-233-23339392-332332323
</div>

文字列が width 150 で改行されます。 ハイフン ?

どのように解決するのですか?

ハイフンをこれに置き換えてください。

&shy;

ソフトハイフン(quot;soft")と呼ばれるものです。

div {
  width: 150px;
}
<div>
  12333&shy;2333&shy;233&shy;23339392&shy;332332323
</div>