所以我有div
喜欢
.div{
width:78px;
height:78px;
overflow: hidden;
position: relative;
float: left;
}
我想将随机图像放在div
内,我不知道图像尺寸。
如果图片大于div
,图片应该被裁剪,然后居中于div
。并且必须保持其宽高比。
我必须在没有CSS3的情况下这样做。
我尝试position absolute
,display block
,然后添加top
和left
,然后减去margin
中相同数量的像素。
top:50%;
left:50%;
margin-top:-50%;
margin-left:-50%;
我尝试了display block
和margin left, margin right : 0 auto
。我试过没有position absolute
。我把float
。我删除了它。我不知道该怎么做。
请指教。
这是fiddle。
在小提琴中,我应该看到X居中,600和400将在div
之外。但充其量,我看到600和X.所以图像保留了比例,被裁剪但无法对齐。
修改
我想在不使用background
属性的情况下执行此操作。只是img
。
由于