divタグのvalignプロパティ？

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">を試してみましたが、私は期待どおりに動作し、テーブルなしで行う方法があるなら、私に教えてくださいしていないようですので、？あなたは<div align="center">を使用すべきではない

Answer 1

は本当に、そのは廃止されて、次のいずれか

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

この属性は廃止されました。 div要素を整列させるための正しい方法は、CSSテキスト-align属性を使用する です。

私は（あなたがthis article価値の読みを見つけるかもしれないが）、垂直div年代を整列させる最良の方法のかどうか分からないが、私はあなたが右であることを知っている、あなたはソリューションとしてtable Sを使用しないでください。 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>