在我的 wordpress/woocommerce 网站上，我有很多产品选项，在我的购物车中显示了这些选项 - 所选择的选项以流畅的文本形式呈现，而不是每行有一个选项，这样看起来更有条理并且会更容易阅读。
我的问题是，如果可能的话，使用 CSS 将流畅的文本组织成行，CSS 将是我解决它的最方便的方法，尽管我也接受其他选项。
尝试将以下产品添加到购物车 LINK 添加到购物车按钮用我的语言显示“LÄGG TILL I KUNDVAGN”。 然后转到CART .
正如您在标题下方和产品图片旁边的第一列中看到的那样 - 常规文本中的选项类型然后 : 以及粗体文本中选择的选项。 前两个选项是“Bredd:5 (480 mm) Höjd:5 (480 mm)”
我想要的是这样显示:
布雷德:5(480 毫米)
霍伊德:5(480 毫米)
等等
这个问题有没有简单的解决方案？还是最好通过 CSS？
提前致谢!
最佳答案
如果您想要堆叠所有元素，请申请
.variation{
display: flex;
flex-direction: column;
}
关于html - 使用 CSS 将文本分成行，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44131018/