如何在移动窗口中心显示jquery移动页面？

我只是想显示我创建的页面，显示在移动窗口的中心。如何在移动窗口中心显示jquery移动页面？

我试了一下像下面这样：

<div data-role=page id=dcr > 
    <div data-role=header data-theme="b" > 
     <a href="home.php" data-icon="home"><font size="1px">home</font></a> 
     <h1 align="left" ><font size="1px">DCR</font></h1> 
    </div> 
    <div class="ui-grid-b" data-theme="c"> 
     <div class="ui-block-a align-left"> 
      <a onClick="setData('spanminus');setData('others|spanminus');" data-role="button" data-icon="arrow-l" data-iconpos="notext"></a>   


     </div> 
     <div class="ui-block-b center-wrapper"> 
      <span><font size="1" color="blue" ><b><label id="topDt"><?php echo date('D M j Y',strtotime($tDate));?></b></label></font></span> 
      <span id="dcrDt" hidden><?php echo $tDate;?></span> 
     </div> 
     <div class="ui-block-c button-right"> 
      <a onClick="setData('spanplus');setData('others|spanplus');" data-role="button" data-icon="arrow-r" data-iconpos="notext"></a> 
     </div> 
    </div> 
    <div data-role=content data-theme="d" id="dcrCall"> 
     <div data-role=span style="align:center;"> 
      <span><font size="1" color="blue" >Status: Draft - 2 Days left to submit</font></span> 
     </div> 
     <br/> 
     <?php 
      $seldly=$dbHandle->execQuery("SELECT dd.doctor_id,dd.saved_on FROM tour_plan tp,doctor_dcr dd WHERE tp.user_id='$userId' AND tp.plan_id=dd.plan_id AND tp.tour_date='$tDate'"); 
      $gNR=$dbHandle->getNumRows($seldly); 
     ?> 
     <ul data-role=listview <?php echo ($gNR > 0)?'data-filter=true':'';?>> 
      <?php 
       if($gNR > 0) 
       { 
        while($fetdly=$dbHandle->fetchObjectQuery($seldly)) 
        { 
        ?> 
         <li> <?php echo docFullName($fetdly->doctor_id);?></li> 
        <?php 
        } 
       } 
       else 
       { 
        ?> 
        <li><font size="1">No Calls</font></li> 
       <?php 
       } 
       ?> 
     </ul> 
    </div> 
    <div data-role="collapsible" id="unplanCall"> 
     <h3>Add Unplanned Call</h3> 
     <ul data-role=listview> 
       <li><input type="text" id="doc" name="doc" /><input type="hidden" id="doc_id" name="doc_id" /> </li> 
       <li><input type="button" value="Add" onClick="addUnplan();"/> </li> 
     </ul> 
    </div> 
</div>

我用CSS技术来实现这一点，但我不能。

来源

2012-09-25 Siva G

您尝试了哪些CSS技巧？我认为你可以使用jQuery和CSS做得更好。 –

我试图使用普通的CSS边缘，填充，对齐..等 –

你试过了吗？ margin：0 auto; width：less_than_above_container;它肯定会工作 –

这里是俺们....感谢u人与我共同工作的.....

<div data-role=page id=dcr style="width:80%;margin-left: 10%;" > 
    <div data-role=header data-theme="b" > 
     <a href="home.php" data-icon="home"><font size="1px">home</font></a> 
     <h1 align="left" ><font size="1px">DCR</font></h1> 
    </div> 
    <div class="ui-grid-b" data-theme="c"> 
     <div class="ui-block-a align-left"> 
      <a onClick="setData('spanminus');setData('others|spanminus');" data-role="button" data-icon="arrow-l" data-iconpos="notext"></a>   


     </div> 
     <div class="ui-block-b center-wrapper"> 
      <span><font size="1" color="blue" ><b><label id="topDt"><?php echo date('D M j Y',strtotime($tDate));?></b></label></font></span> 
      <span id="dcrDt" hidden><?php echo $tDate;?></span> 
     </div> 
     <div class="ui-block-c button-right"> 
      <a onClick="setData('spanplus');setData('others|spanplus');" data-role="button" data-icon="arrow-r" data-iconpos="notext"></a> 
     </div> 
    </div> 
    <div data-role=content data-theme="d" id="dcrCall"> 
     <div data-role=span style="align:center;"> 
      <span><font size="1" color="blue" >Status: Draft - 2 Days left to submit</font></span> 
     </div> 
     <br/> 
     <?php 
      $seldly=$dbHandle->execQuery("SELECT dd.doctor_id,dd.saved_on FROM tour_plan tp,doctor_dcr dd WHERE tp.user_id='$userId' AND tp.plan_id=dd.plan_id AND tp.tour_date='$tDate'"); 
      $gNR=$dbHandle->getNumRows($seldly); 
     ?> 
     <ul data-role=listview <?php echo ($gNR > 0)?'data-filter=true':'';?>> 
      <?php 
       if($gNR > 0) 
       { 
        while($fetdly=$dbHandle->fetchObjectQuery($seldly)) 
        { 
        ?> 
         <li> <?php echo docFullName($fetdly->doctor_id);?></li> 
        <?php 
        } 
       } 
       else 
       { 
        ?> 
        <li><font size="1">No Calls</font></li> 
       <?php 
       } 
       ?> 
     </ul> 
    </div> 
    <div data-role="collapsible" id="unplanCall"> 
     <h3>Add Unplanned Call</h3> 
     <ul data-role=listview> 
       <li><input type="text" id="doc" name="doc" /><input type="hidden" id="doc_id" name="doc_id" /> </li> 
       <li><input type="button" value="Add" onClick="addUnplan();"/> </li> 
     </ul> 
    </div>

来源

2012-09-25 10:40:21

你能描述一下在页面上改变什么吗？作为答案的唯一代码很难理解。 – Bronek

尝试包在一个div的内容和在中心对齐，通过表

<table cellpadding="0" cellspacing="0" border="0"> 
<tr><td width="20%"></td> 

    <td width="80%"><div id="wrap"> 

     //content goes here.............. 

     </div> 
    </td> 

    <td width="20%"></td> 
</tr> 
</table>

来源

2012-09-25 10:04:02

你不只是告诉他用一张桌子来布置，你呢？ O_o – Archer

哇。这就像是1995年一样。 – Deses

需要moar colspan –

如何在移动窗口中心显示jquery移动页面？

回答

相关问题