[css] 수직, 수평 가운데 정렬

<style> .layout { display: table; width:100%; height:100%; vertical-align:middle; border:1px solid; } .img { display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; } * html div { /* IE 6 */ display:inline; zoom:1; } *:first-child+html div { /* IE 7 */ display:inline; zoom:1; } </style> <div class="layout"> <div class="img"> <img src="./image/mm.jpg" style="width: 400px; height: 300px;" /> </div> </div>