我正在我的网站上建立一个Ecwid商店。
有这个＆＃34; SKU＆＃34;字符串输入字段，我们应在其中声明我们的＆＃34; SKU＆＃34;串。我们只需在输入字段中输入字符串。
我没有为SKU使用1个单词，而是希望它是2个短语，所以我的SKU字符串将是这样的：
黄色和蓝色，红色和黑色
但是，我希望SKU能够在网站上显示换行符。所以在网站上会是这样的：
黄色和蓝色，
红色和黑色
似乎我们无法在输入字段中输入代码，它看起来就像纯文本一样。也许我没有尝试断线的修正代码，但似乎我必须做其他事情来实现这一点。
但是，我们确实能够为SKU创建自定义CSS。但我不知道如何使用CSS在SKU字符串中添加断行。
SKU的默认代码如下：
/ *产品sku * /
div.ecwid-productBrowser-sku {
font：normal 13px tahoma，geneva，verdana，sans-serif;
颜色：＃1e2c38;
自动换行：break-word;
}
span.ecwid-productBrowser-sku-value {
显示：内联块;
}
有关自定义CSS代码或在字符串字段中输入代码以使字符串有断行的想法吗？
请帮忙，我已经联系过Ecwid团队，但他们花了太长时间。
非常感谢！
答案 0 :(得分：0)
我不相信只用css这是不可能的。除非你能够在其中一个元素周围包含某种标记。任何标记都可以（<b>，<i>等。）。
如果你想在这里用jQuery实现同样的目的，你可以做到这一点：
var test = $('.test').text();
var result = test.replace(/,/g,',<br/>');
$('.test').html(result);
希望有所帮助。