html - 将表放在目标位置

时间:2011-07-19 20:28:31

标签: html

我的桌子无法获得正确的位置。我有这样的代码:

<div style="width: 1270px;">
  <div>
   <table style="float:left>
    <tr><td>something1</td></tr>
    <tr><td>something2</td></tr>
   </table>
   <img src="some_sorce">
   <table style="float:left>
    <tr><td>something3</td></tr>
    <tr><td>something4</td></tr>
   </table>
  </div>
</div>

我有两个问题: 首先,我希望将表放在包含div的底部。我在某些地方尝试某种“垂直对齐”,但对我来说却失败了。我希望图像在div的中心,“text-align:center”不要做。无论如何有人可以帮助我吗?

1 个答案:

答案 0 :(得分:0)

而不是:

<table>
<img src="some_sorce">

它应该是:

</table>
<img src="some_sorce">

默认情况下,图像具有display:inline属性,因此您需要执行以下操作:

<img src="some_sorce" style="display: block">

到中心图像​​