圆形div,内部宽度为img <height height <width =“”html =“”css =“”

时间:2016-10-06 22:22:03

标签: html css image rounding

=“”

所以我有一个圆形div里面有一个img。问题是:

#mydiv
{
width: 50px;
height: 50px;
overflow: hidden;
border-radius: 25px;
}

现在,如果用户上传的图片高度低于宽度 我可以采取高度:50px和宽度:自动;

但是如果用户上传宽度小于高度的图片 我需要做高度:自动;和宽度:50px;

如果错了,div不会被这个img填充。

我怎么解决?

抱歉,我在德国学习,所以我写得不好:/

1 个答案:

答案 0 :(得分:2)

将图像放入css:

background:url(img / ...)无重复中心; background-size:cover;

那是方法!