码迷,mamicode.com
首页 > 其他好文 > 详细

图片居中方法

时间:2016-04-20 15:09:26      阅读:117      评论:0      收藏:0      [点我收藏+]

标签:

1.图片宽高固定,这种情况很简单。
水平居中:就在图片的css中加 dispaly:block;margin:0 auto;

垂直居中:自己算出(div的高度-图片的高度)/2,得到margin-top值即可。

2.图片高度未知,这个布局比较难实现。一般我是用js做的。
水平居中:同上,在图片的css中加 dispaly:block;margin:0 auto;
垂直居中:用js算出(div的高度-图片的高度)/2,得到margin-top值赋给它。

图片居中方法

标签:

原文地址:http://www.cnblogs.com/quinnhow/p/5412604.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!