居中對齊一個表格並對齊div

我沒有太大的運氣來對齊pageLinks表格，並將pagingToiv div內的goToPage div對齊。我需要將這兩個元素放置在相同的垂直水平。任何幫助，將不勝感激。居中對齊一個表格並對齊div

<div id="pagingDiv" style="border:1px solid black; width:100%;"> 
    <table id="pageLinks" style="border:1px solid black; margin:auto;" > 
     <tbody> 
      <tr> 
       <td> 
        <a href="#first" title="Click to go to first page.">1</a> 
       </td> 
       <td> 
        <a href="#first" title="Click to go to second page.">2</a> 
       </td> 
      </tr> 
     </tbody> 
    </table>     
    <div id="goToPage" style="float:right"> &nbsp; Page 3 of 42 | Page#: <input style="height:14px;width:21px;" /> <a href="#go">GO</a></div>     
</div>

來源

2013-08-20 HockChai Lim

你的代碼工作正常。 http://jsfiddle.net/63uKv/ – Itay

代碼的工作，除了它不是定位這兩個元素在同一行（實際上） –

移動在你的HTML表格前GotoPage記述格：

<div id="pagingDiv" style="border:1px solid black; width:100%;"> 
    <div id="goToPage" style="float:right">&nbsp; Page 3 of 42 | Page#: 
     <input style="height:14px;width:21px;" /> <a href="#go">GO</a> 
    </div> 
    <table id="pageLinks" style="border:1px solid black; margin:auto;"> 
     <tbody> 
      <tr> 
       <td> <a href="#first" title="Click to go to first page.">1</a> 

       </td> 
       <td> <a href="#first" title="Click to go to second page.">2</a> 

       </td> 
      </tr> 
     </tbody> 
    </table> 
</div>

jsFiddle example

來源

2013-08-20 20:18:18 j08691

不能相信我花了兩個小時這一點。我從來沒有想過這樣做。謝謝。 –

我剛纔意識到表格實際上並不位於pagingDiv的中心。它由goToPage的鏈接居中。 –

因此，這更多的是你所追求的：http://jsfiddle.net/j08691/Z6wTc/1/？ – j08691

居中對齊一個表格並對齊div

回答

相關問題