Question

我使用了<div align="center">并将图片放在div标签内。那么图像位于中心但不在中间。图像从div标签的顶部开始并放置在中心，但我希望它放在中间而不是顶部。

当我用Google搜索时，我找到了<td valign="middle">。它按照我的意图和下面的工作是我在谷歌搜索后设计的，

  <div align="center" style="width:510px;height:510px;margin-left:300px">
  <table style="width:510px;height:510px">
  <tr>
  <td align="center" valign="middle">
  <img id="main" src="dock.jpg" style="max-width:500px;max-height:500px"/> 
  </td>
  </tr>
  </table>
  </div>

但是为了这些目的使用桌子是否有害？因为我已经尝试了<div align="center" style="vertical-align:middle">但似乎没有按照我的预期工作，如果有办法没有桌子，请告诉我吗？

Answer 1

您不应该使用<div align="center">，它已被弃用：

http://reference.sitepoint.com/html/div/align

不推荐使用此属性。对齐div的正确方法是使用CSS text-align属性。

我不确定垂直对齐div的最佳方法（尽管你可能会发现this article值得一读），但我知道你是对的，你不应该使用{ {1}}作为解决方案。 table只应在创建数据表结果时使用，例如，从不进行布局。

Answer 2

这会帮助你我这么认为：只需给#to div。然后在CSS中设置样式，如下所示：

position: absolute;
left: 50%;
right: 50%;
width: _px;
height: _px;
margin: half of the width, half of the height;

Answer 3

试试这个。可以帮到你。

  <div style="width:510px;height:510px;border:1px solid;margin:auto;">
  <table style="width:100%; height:100%;">
  <tr>
  <td align="center">
  <img id="main" src="wp1.JPG" style="max-width:300px;max-height:300px;"/> 
  </td>
  </tr>
  </table>
  </div>

div标签的valign属性？

3 个答案: