div标签的valign属性？

我已经使用了<div align="center">并将图像放在div标签内。那么图像是在中心，但不在中间。图片从div标签的顶部开始，放置在中间位置，但我希望它位于中间而不是顶部。我使用Google搜索时发现<td valign="middle">。和它的工作，我打算和下面是我google搜索后设计，div标签的valign属性？

<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">，但似乎没有像我预期的那样工作，请让我知道是否有办法不用桌子？

来源

2011-10-24 niko

你不应该使用<div align="center">无论是真的，它被弃用：

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

该属性是不鼓励。对齐div的正确方法是使用CSS text-align属性的。

我不在的垂直对齐div的（虽然你可能会发现this article值得一读）的最佳方式确定的，但我知道，你是对的，你不应该使用table S作为解决方案。 Table应该仅在创建数据结果表时使用，例如从不布置目的。

来源

2011-10-24 11:15:46 Curt

感谢您的信息和关于div的valign属性？ – niko

http://css-tricks.com/2597-what-is-vertical-align/ – Curt

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

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

来源

2011-10-24 11:25:50 SiriusKoder

试试这个。可以帮助你。

<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>

来源

2011-10-24 11:54:10 pinaldesai

div标签的valign属性？

回答

相关问题