固定容器中放置图片

发布时间:2017-7-9 7:11:40编辑:www.fx114.net 分享查询网我要评论
本篇文章主要介绍了"固定容器中放置图片 ",主要涉及到固定容器中放置图片 方面的内容,对于固定容器中放置图片 感兴趣的同学可以参考一下。

一个div容器固定长宽,要求放一张图片在里面,不要变图片比例,尽可能充满容器

div{
width
:50px;  height:50px;
position:relative; }

img{
  max-width:50px;
  max-height:50px;
  position:absolute;
  top:50%;
  left:50%;
  tansform:translate(-50%,-50%); //该属性浏览器兼容性自己考虑
}


<div>
  <img/>
</div> 


上一篇:git stash pop 冲突,git stash list 中的记录不会自动删除的解决方法
下一篇:Axis2 服务器端抛出ServiceClass object does not implement问题解决方法

相关文章

相关评论

本站评论功能暂时取消,后续此功能例行通知。

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

好贷网好贷款