CSS逗号分隔符

dy2hfwbg 于 2023-05-30 发布在其他

关注(0)|答案(2)|浏览(130)

我正在尝试用逗号而不是空格来分隔一个单词
我已经看到了包括将<wbr>标签添加到HTML的解决方案，但是，对于动态信息，现在我需要另一个脚本将其插入HTML文本，如果用户没有启用JS，它对我没有多大帮助。
到目前为止，我正在使用以下组合：

white-space: break-word;
word-break: break-all;

它作为一个OK的解决方案工作，然而，我发现的这两个解决方案（https://stackoverflow.com/a/15137272/1887101; break long-no-spaces-lines on commas, dots, hyphens or other special chars）已经有3年多的历史了-所以我想知道是否有更新的解决方案可用于此问题？
示例字符串：
C31 C636363-散热，80 mm，ReStick，串行，A/C，包括PS，EDG
样品断裂：
C31 C636363-热，80 mm，ReStick，
串行、A/C、包括PS、EDG

css

来源：https://stackoverflow.com/questions/39644959/css-break-word-on-commas

2条答案

按热度按时间

798qvoo81#

我正在尝试用逗号而不是空格来分隔一个单词
你不能。CSS不支持这个。在空格上突破是天生的。
你别无选择，只能使用JS来预处理你的内容，也许在逗号后插入零宽度空格，或者在服务器端这样做。

赞(0）回复(0）举报 2023-05-30

nimxete22#

我建议用逗号分割数组，然后使用for循环。下面的代码片段是针对vue.js的

<div 
                 v-for="(arrayElement) in Array"
                 :key="`Array-${arrayElement.id}`"
                 class="column">
                    {{ arrayElement.name }}
                 </div>

赞(0）回复(0）举报 2023-05-30

我来回答

CSS逗号分隔符

2条答案

相关问题

热门标签

最新问答