对齐背景图像中间和中心 [英] Align background image middle and center

问题描述

这里是html：

<div class="gallerybox">
<a href="/CustomContentRetrieve.aspx?ID=398791">
<img alt="" src="/Utilities/image.jpg" width="400" height="400" />
</a>
</div>

这里是css：

.gallerybox {width:200px;height:200px;overflow:hidden;}

任何人都可以告诉我一种方法来对齐div.gallerybox中间（垂直）和中心（horizo​​ntaly）的链接图像？也许使用javascript，jQuery或只是简单的css？

Can anyone tell me a way to align the linked image inside div.gallerybox middle (vertically) and center (horizontaly)? Maybe using javascript, jQuery or just plain css?

推荐答案

尝试：

<style type="text/css">
  .gallerybox {text-align:center;vertical-align:middle;height:400px;line-height:400px;}
  .gallerbox img {display:inline; vertical-align:middle;}
</style>

<div class="gallerybox">
   <a href="/CustomContentRetrieve.aspx?ID=398791">
   <img alt="" src="/Utilities/image.jpg" />
</a>

这篇关于对齐背景图像中间和中心的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！