テキストを含む HTML テーブル セルがあります。テキストには長い単語と短い単語があります。セルの幅に収まらない長い単語は分割されますが、短い単語は分割されずに次の行に移動するようにテキストを配置する必要があります。しかし、css プロパティ「word-break: break-all;」を適用すると、長い単語と短い単語の両方が壊れます。「word-wrap: break-word;」プロパティを適用すると、何らかの理由で長い単語が分割されず、セルの幅が自動的に伸びます。
word-break: break-allここでは、必要のないところですべての単語が分割されており、テキストが醜いです:
word-wrap: break-wordここでは何も壊れていませんが、セル幅が引き伸ばされています。
長い単語だけが壊れていて、表のセルの幅がそのままである、このようなものが欲しいです:
長い単語だけ改行して幅を変えないように。これどうやってするの？