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

时间:2015-03-12 09:38:54

标签: javascript html css word-wrap

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

默认情况下,产品名称将自动换行:

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

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

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

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

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

请在此处查看fiddle

谢谢!

1 个答案:

答案 0 :(得分: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的包装不会影响它。