1

任意の画像 URL を配置できる html ページを作成しようとしています。その画像は、ページの垂直方向と水平方向の中央に黒い背景で表示されます。

私はこれを持っています：

<html>
<body style="background: black;">

<img src="http://i.imgur.com/n8o1E.png" style="display: block; margin: auto; max-height: 100%; max-width: 100%">

</body>
</html>

これは、ページよりも背が高くて薄い画像には適していますが、垂直方向の中央には配置されません。これどうやってするの？

4

1 に答える 1

2 
<html>
<head>
<style>
html, body, #wrapper {
       height:100%;
       width: 100%;
       margin: 0;
       padding: 0;
       border: 0;
    }
    #wrapper td {
       vertical-align: middle;
       text-align: center;
    }
</style>
</head>
<body>
   <table id="wrapper">
      <tr>
         <td><img src="logo.png" alt="" /></td>
      </tr>
   </table>
</body>
</html>
于 2012-12-08T07:30:53.093 に答える