不能在div框内居中和裁剪图像

时间:2016-07-06 22:21:01

标签: css css-position

所以我有div喜欢

.div{
  width:78px;
  height:78px;
  overflow: hidden;
  position: relative;
  float: left;    
}

我想将随机图像放在div内,我不知道图像尺寸。

如果图片大于div,图片应该被裁剪,然后居中于div。并且必须保持其宽高比。

我必须在没有CSS3的情况下这样做。

我尝试position absolutedisplay block,然后添加topleft,然后减去margin中相同数量的像素。

top:50%;
left:50%;
margin-top:-50%;
margin-left:-50%;

我尝试了display blockmargin left, margin right : 0 auto。我试过没有position absolute。我把float。我删除了它。我不知道该怎么做。

请指教。

这是fiddle

在小提琴中,我应该看到X居中,600和400将在div之外。但充其量,我看到600和X.所以图像保留了比例,被裁剪但无法对齐。

  

修改

我想在不使用background属性的情况下执行此操作。只是img

由于

0 个答案:

没有答案