css - '/' または '\' でのみ単語を分割するように CSS に指示できますか?

Question

200 ピクセル以内に収まるようにしたい場合、td 内のファイルパスであるテキストの長いチャンクがあり、全体が 600 ピクセル以上の幅になります。

word-break:break-all を有効にして、文字間で区切って全体を表示させることはできますが、フォルダ名が半分になります。

したがって、理想的には、「/」または「\」文字でのみ改行したいと思います。それは可能ですか？

ありがとうございました！

score 1 · Accepted Answer

いいえ、できません。現在、そのような目的のための CSS 構造はありません。

許容される改行ポイントを提案するためにできることは、各「/」または「\」の後に<wbr>タグまたは幅ゼロのスペースを使用することです。これは、関連するテキストノードをトラバースして、JavaScript で動的に行うことができます。

score 0 · Accepted Answer

より良い解決策は、StackOverflow がコードブロックで行うように、スクロールできるコンテナー要素で長いテキストをラップすることです。

.longtext {
    width: 100%;
    display: block;
    word-break: none;
    overflow: auto;
    background: #eee;
}

3 に答える 3