相关疑难解决方法(0)

将图像对齐到较小div内的中心

我有一个div width:100pxheight:100px(比方说)在里面,只有一个图像,高度总是固定的100px.

我想让图像水平居中.

这里有3个案例:

  1. 图像的宽度等于div的宽度,没有问题
  2. 图像的宽度小于div的宽度,我可以margin: auto在这里使用
  3. 图像的宽度大于div的宽度

我希望图像的中心部分在div中可见.

意味着,如果图像的宽度是120px和div的宽度是100px,overflow:hidden 我希望图像的第10个px到第110个px是可见的(所以,图像的left: 10pxright: 10px隐藏在div下面)

这可能通过一些CSS属性吗? (我不知道正在加载的图像的宽度!所以我希望它是动态的.还想避免javascript端计算找到额外的宽度和给予margin-left:-ve值bla bla ..)

另外,我不能给background-imagediv 的图像!

html css

16
推荐指数
1
解决办法
2万
查看次数

标签 统计

css ×1

html ×1