如何防止亚洲字符被单词破坏

Question

我目前正在开发一个电子商务网站。在将所有产品翻译成日文后，我的客户要求应用以下更改：

默认情况下，产品名称将自动换行：

|  あいうえおかきく　けこさ  |
|  しすせ                  |

（我使用“|”来显示元素的边框） 如你所见，第二部分“けこさしすせ”因宽度有限而分开。

他们的期望是什么，就像默认的英文换行方法一样，它应该是：

|  あいうえおかきく　       |
|  けこさしすせ            |

考虑到SEO我不能简单地用br替换空间，或改变它的结构。无论如何我可以存档吗？

请在此处查看fiddle。

谢谢！

Answer 1

您可以使用

white-space: nowrap

在文本的每个部分上，您希望不要被包裹。见https://developer.mozilla.org/en-US/docs/Web/CSS/white-space

可以使用HTML标记nobr，但不建议使用。见https://developer.mozilla.org/en-US/docs/Web/HTML/Element/nobr

见

  

http://jsfiddle.net/zo9oygfk/1/

VS

  

http://jsfiddle.net/zo9oygfk/4/

与评论一样，包含overflow: hidden的包装不会影响它。