我运气不好,无法将pageLinks表居中并在pagingDivdiv中右对齐goToPagediv。我需要将这两个元素定位在同一垂直级别。任何帮助都将不胜感激。
<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"> Page 3 of 42 | Page#: <input style="height:14px;width:21px;" /> <a href="#go">GO</a></div>
</div>
将goToPagediv移动到HTML:中的表之前
<div id="pagingDiv" style="border:1px solid black; width:100%;">
<div id="goToPage" style="float:right"> 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示例