什麼控制jQuery手機中標題項的截斷？

下面的代碼會截斷標題'這是一些標題文本'，即使看起來有空間顯示文本。文字可以顯示在可用空間的哪個位置？什麼控制jQuery手機中標題項的截斷？

<div data-role="page" id="pageone"> 

     <div data-role="header" data-theme="b"> 
       <h4>This is some header text</h4> 
     </div> 

     <div data-role="content" data-theme="b" id="mycontent"> 

     </div> 

     <div class="footerDate" data-role="footer" data-theme="b"> 

     </div> 

</div>

截斷文本：

enter image description here

來源

2012-08-08 blue-sky

您可以通過overridding在你的CSS下面的類修改應用到標題文本的樣式：

.ui-header h<x> { 

}

使用text-overflow: initial;擺脫的省略號。

與margin-left和margin-right一起玩，以充分利用目標設備上的可用空間。

來源

2012-08-08 11:11:47

你可以嘗試在jquery.mobile-1.1.1.min.css變化（如果你已經下載了它）或者你可以嘗試重寫風格，從你自己的樣式表

.ui-header .ui-title, .ui-footer .ui-title { margin: 0.6em 5% 0.8em; }

你可以嘗試將其更改爲5％它會降低雙方保證金，這將解決您的問題，因爲它最初是這樣的.ui-header .ui-title, .ui-footer .ui-title { margin: 0.6em 30% 0.8em; }，所以只是嘗試更改30%至5%或按照，並希望它應該工作。

來源

2012-08-08 11:15:34

什麼控制jQuery手機中標題項的截斷？

回答

相關問題