图片垂直居中的位置。
javascript吧
全部回复
仅看楼主
level 6
枫殇痕 楼主
div中的图片,用vertial-malign:middle无法实现垂直居中。
我有一个div,高宽固定,还有很多图片,高宽不确定。
如何实现当图片显示在div时,如果图片宽度小于div宽度,那么图片左右空出相等的距离。如果图片高度小于div高度,那么图片上下空出相等的距离。
2014年09月29日 09点09分 1
level 12
line-height
2014年09月29日 11点09分 2
level 6
枫殇痕 楼主
谢谢,问题已经解决了。因为有很多图片,大小各不一样,所以你的方法不适合我。不过还是谢谢。我是这样解决的,在图片加载完成后执行onload事件,获取图片高度,如果高度小于div高度。那么图片的margin=(div高度-图片高度)/2,宽度同理。谢谢。
2014年09月30日 10点09分 4
margin-top
2014年09月30日 10点09分
你的方法可行。。3楼其实也是可行的,提前是图片的宽高要用后端语言获取,如php,这样你的页面一出来就已经布局好了。返回来看你的onload,你自己都说了,图书有点多,那么势必造成加载缓慢,用户很容易就会看到未排版好的图片
2014年10月01日 12点10分
回复 范_乖乖 :关键是我没有服务器,用网盘存的图片连接。
2014年10月01日 12点10分
回复 枫殇痕 :哥,现在免费虚拟主机也挺多的,就是不太稳定
2014年10月01日 12点10分
level 10
3楼正解
2014年09月30日 16点09分 5
1