2016-07-08 56 views
0

我不知道以前是否有人遇到過這個問題。如何處理響應式設計中的寡婦(單行字)

基本上,假設我們在我們的網站上有一段,如果最後一行有單行字,則看起來很奇怪。

或者一個單詞是兩個其他單詞的組合,一個單詞停留在行尾,另一個單詞停留在下一行的開頭(特別是在日語中,它發生了很多)。

我想知道什麼是最有效的方法來擺脫(或以某種方式使它看起來更好)。

回答

1

也許在<span class="nowrap"></span>中包裝2個字的單詞,然後使用.nowrap{white-space: nowrap;}可以解決該問題。

就段落中的尾隨詞語而言,我不知道簡單的解決方案。我建議的所有建議是爲所有主要設備斷點(1440,1366,1280,1024,764等)創建媒體查詢並手動設置字體,邊距,填充等樣式,以確保沒有難看的文字換行。

+0

包裝2措辭應該工作,但很容易自動包裝它們。我認爲英語可能很容易,而不是日語。 –