我目前正在开发一个电子商务网站。在将所有产品翻译成日文后,我的客户要求应用以下更改:
默认情况下,产品名称将自动换行:
| あいうえおかきく けこさ |
| しすせ |
(我使用“|”来显示元素的边框) 如你所见,第二部分“けこさしすせ”因宽度有限而分开。
他们的期望是什么,就像默认的英文换行方法一样,它应该是:
| あいうえおかきく |
| けこさしすせ |
考虑到SEO我不能简单地用br替换空间,或改变它的结构。无论如何我可以存档吗?
请在此处查看fiddle。
谢谢!
答案 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
见
VS
与评论一样,包含overflow: hidden
的包装不会影响它。