如何处理响应式设计中的寡妇（单行字）

Question

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

基本上，假设我们在我们的网站上有一段，如果最后一行有单行字，则看起来很奇怪。

或者一个单词是两个其他单词的组合，一个单词停留在行尾，另一个单词停留在下一行的开头（特别是在日语中，它发生了很多）。

我想知道什么是最有效的方法来摆脱（或以某种方式使它看起来更好）。

Answer 1

也许在<span class="nowrap"></span>中包装2个字的单词，然后使用.nowrap{white-space: nowrap;}可以解决该问题。

就段落中的尾随词语而言，我不知道简单的解决方案。我建议的所有建议是为所有主要设备断点（1440,1366,1280,1024,764等）创建媒体查询并手动设置字体，边距，填充等样式，以确保没有难看的文字换行。