Responsive design 如何在响应式设计中处理寡妇(单行词)

Responsive design 如何在响应式设计中处理寡妇(单行词),responsive-design,word-break,Responsive Design,Word Break,我不知道以前是否有人遇到过这个问题 基本上,假设我们的网站上有一个段落,如果最后一行有一行字,这看起来很奇怪 或者一个词是另外两个词的组合,一个在一行的末尾,另一个在下一行的开头(特别是在日语中,这种情况经常发生) 我想知道什么是最有效的方法来消除这个问题(或者以某种方式使它看起来更好)。也许在中包装两个单词,然后用进行样式设置。nowrap{white space:nowrap;}可以解决这个问题 至于段落中的尾随词,据我所知,没有简单的解决方案。我的建议是为所有主要设备断点(14401366

我不知道以前是否有人遇到过这个问题

基本上,假设我们的网站上有一个段落,如果最后一行有一行字,这看起来很奇怪

或者一个词是另外两个词的组合,一个在一行的末尾,另一个在下一行的开头(特别是在日语中,这种情况经常发生)


我想知道什么是最有效的方法来消除这个问题(或者以某种方式使它看起来更好)。

也许在
中包装两个单词,然后用
进行样式设置。nowrap{white space:nowrap;}
可以解决这个问题


至于段落中的尾随词,据我所知,没有简单的解决方案。我的建议是为所有主要设备断点(1440136612801024764等)创建一个媒体查询,并手动设置字体、边距、填充等样式,以确保没有难看的单词包装。

也许可以在
中包装两个单词,然后使用
.nowrap{white space:nowrap;}
可以解决这个问题


至于段落中的尾随词,据我所知,没有简单的解决方案。我的建议是为所有主要设备断点(1440136612801024764等)创建一个媒体查询,并手动设置字体、边距、填充等样式,以确保没有难看的文字环绕。

我一直使用的解决方案是在最后两个(或更多)断点之间添加一个
(非中断空间)用词-这样你基本上只是说“不管你怎么打破,你最后两个家伙永远不会分开打破”。想想看,这真的很浪漫。

我一直使用的一个解决方案是在最后两个(或更多)单词之间添加一个
(不间断空格)-这样你基本上就是在说“不管你怎么突然中断,最后两个家伙永远不会分开”。想想看,这真的很浪漫。

包装两个单词应该可以,但自动包装起来容易吗。我认为这对英语来说可能很容易,对日语来说可能不太容易。包装两个单词应该可以,但是自动包装它们容易吗。我想这对英语来说可能很容易,对日语来说可能不容易。