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

时间:2016-07-08 04:40:30

标签: responsive-design word-break

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

基本上,想象一下我们网站上有一个段落,如果最后一行中有一个单行词,则看起来很奇怪。

或者一个单词是另外两个单词的组合,一个单词停留在一行的末尾,另一个单词停留在下一行的开头(特别是在日语中它发生了很多)。

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

2 个答案:

答案 0 :(得分:0)

或许在<span class="nowrap"></span>中包含2个措辞单词然后用.nowrap{white-space: nowrap;}设置样式将解决该问题。

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

答案 1 :(得分:0)

我一直使用的解决方案是在最后两个(或更多)单词之间添加一个ary1=np.array([pd.datetime(2014,12,17), pd.datetime(2014,12,15), pd.datetime(2014,12,14)]) ary2=np.array([pd.datetime(2014,12,17), pd.datetime(2014,12,18), pd.datetime(2014,12,19)] s=pd.datetime(2014,12,16) (不间断空格)-这样一来,您实际上就是在说“无论碰到哪一个中断,您的最后2个人永远都不会分开”。想起来真的很浪漫。