色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

CSS用逗號分隔單詞

錢琪琛2年前9瀏覽0評論

我正在嘗試用逗號而不是空格來拆分單詞

我看到的解決方案包括添加& 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>