- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>Vertical-align</title>
- <style type="text/CSS">
- .container {
- width: 300px;
- height: 400px;
- margin: 50px auto;
- border: 1px solid #ccc;
- display: table;
- }
- .img {
- text-align: center;
- vertical-align: middle;
- display: table-cell;
- }
- img {
- width: 260px;
- height: 350px;
- }
- </style>
- </head>
- <body>
- <div class="container">
- <div class="img">
- <img src1="your_image.jpg">
- </div>
- </div>
- </body>
- </html>
- //该片段来自于http://www.codesnippet.cn/detail/0705201512512.html
来源: http://www.codesnippet.cn/detail/0705201512512.html