如何製作JQuery Mobile頭部換行並左對齊？

Question

我的JQuery Mobile頭文本通常太長而不適合iPhone屏幕，這意味着文本被截斷，並且頭部右側的按鈕與文本重疊。

有什麼辦法，我可以：

• 使文本換行，而不是跑出畫面
• 權使文本更小

Answer 1

它看起來像的風格，處理省略號和包裝是這樣的：

.ui-header .ui-title, .ui-footer .ui-title { 
    text-overflow: ellipsis; 
    white-space: nowrap; 
} 

嘗試重載，在你自己的款式：

.ui-header .ui-title, .ui-footer .ui-title { 
    text-overflow: clip; 
    white-space: normal; 
}