我正在嘗試用逗號而不是空格來拆分單詞
我看到的解決方案包括添加& ltwbr & gt標簽,但是,對于動態信息,現在我需要另一個腳本將它插入到HTML文本中,如果用戶沒有啟用JS,它對我沒有太大的好處。
到目前為止,我結合使用了:
white-space: break-word;
word-break: break-all;
這是一個不錯的解決方案,然而,我發現這兩個解決方案(https://stackoverflow.com/a/15137272/1887101;在逗號、點號、連字符或其他特殊字符上斷開長的-無空格-行)已經有3年多的歷史了-所以我想知道對于這個問題是否有任何更新的解決方案?
示例字符串:
c31c 636363-熱,80毫米,再粘,串行,A/C,不含,EDG
樣本中斷:
c31c 636363-熱,80毫米,再粘,
串行,空調,包括,EDG
我正在嘗試用逗號而不是空格來拆分單詞
你不能。CSS不支持這一點。打破空白是不可避免的。
您別無選擇,只能使用JS來預處理您的內容,也許在逗號后插入零寬度空格,或者也許在服務器端這樣做。
我建議用逗號分割數組,然后使用for循環。 下面的代碼片段是針對vue.js的
<div
v-for="(arrayElement) in Array"
:key="`Array-${arrayElement.id}`"
class="column">
{{ arrayElement.name }}
</div>