关闭

/CSS 图片在DIV中垂直居中的显示方法

60人阅读 评论(0) 收藏 举报
<style type="text/css">
.thumb{ width:120px; height:120px; border:1px solid red; display:table-cell;/*最重要*/ vertical-align:middle;/*设置水平居中*/ }
.thumb img{ border:none; max-width:100%; max-height:100%; display:block; margin:auto;/*设置垂直居中*/ }
</style>
<div class="thumb" ><A><img src="1.jpg" /></A></div>
<div class="thumb" style="margin-left:50px;"><A><img src="2.jpg" /></A></div>

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:61次
    • 积分:10
    • 等级:
    • 排名:千里之外
    • 原创:1篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章存档