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屬性？

回答

相關問題