--- title: 単一要素の上下左右中央配置 tags: CSS3 HTML5 author: ysakmrkm@github slide: false --- ティーザーサイト等で、ページの上下左右中央に画像1枚だけ配置したい時 # html ```html

hoge

``` # css ```css html , body , .container { margin:0; padding:0; width:100%; height:100%; } .container { display:table; } .img { display:table-cell; text-align:center; vertical-align:middle; } ```