在JQuery Mobile中動態移動標題中的元素

在JQuery Mobile中，我創建了一個標題，其中包含一個在左側對齊的後退按鈕和一個標題對齊的中心。理想情況下，這兩個元素應該在同一行中對齊，但由於空間原因，在同一行中不能容納這兩個元素（特別是在描繪模式中）時，標題應該在後退按鈕下移動一點。應該使用什麼CSS屬性？在JQuery Mobile中動態移動標題中的元素

下面是代碼：

<div class="back-header" data-role="header" data-position="fixed" position="absolute" data-theme="a"> 

    <a href="index.html" data-icon="arrow-l" data-iconpos="left" data-transition="slide" data-direction="reverse" class="back-button">Back</a> 

    <p class="menu-label" align="center"> 
      <img src="images/biglogoreduced.png" class="menu-label-image" height="20" width="20"> 
     Data Monitor 
    </p> 


</div>

來源

2013-03-19 Anto

請發佈您的代碼，使其更清晰。 – 2013-03-19 13:05:12

也許使用位置相對？ – 2013-03-19 13:10:14

我給你做一個工作示例：http://jsfiddle.net/Gajotres/TRZjY/

調整了「結果窗口」看到的差異。

@media all and (max-width: 300px) { 
    h3.ui-title { 
     margin: 40px 5% 0.8em !important; 
     white-space: normal !important; 
    } 
}

定製最大寬度：300像素您的需求，這取決於你的標題。同時改變 保證金：40px 5％0.8em！重要;。你應該只改變40px，因爲我使用h3標籤作爲標題容器。

來源

2013-03-19 13:13:52 Gajotres

在JQuery Mobile中動態移動標題中的元素

回答

相關問題