如何防止亚洲字符按字断行

Question

我目前在电子商务网站上工作。将所有产品翻译成日语后，我的客户要求应用以下更改：

默认情况下，产品名称会像这样自动换行：

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

（我用“|”表示元素的边框） 如你所见，第二部分“けこさしすせ”因为宽度有限被分割了。

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

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

考虑到 SEO，我不能简单地将 space 替换为 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/

对

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

如您的评论所述，具有 overflow: hidden 的包装器不会影响它。