将图像置于div内。水平和垂直[关闭]

问题描述 投票:1回答:2

我认为这个问题已被多次询问,但我现在已经在网上搜索了一整天,但找不到一个好的解决方案。我想将图像居中在div中,使其看起来像一个框架。我有不同大小的图像,有些是肖像,有些是风景。我希望它们水平和垂直居中,如果尺寸较大,它不会溢出容器。现在我已经阅读了关于div与桌面设计的内容,但是说真的,现在我只想完成工作,所以任何解决方案都会非常感激。

javascript html css
2个回答
3
投票

查看演示 - http://jsfiddle.net/x6jDu/

table-cell具有IE8 +支持


3
投票

您可以通过单击下面的演示链接来实现它:

但是z zxswい

注意:

  1. 缺点:通过使用http://jsfiddle.net/rathoreahsan/99BXT/将无法在Internet Explorer 8浏览器下工作,其余浏览器将除外。优点:它也可以使用固定宽度和固定高度。
  2. 优点:通过使用display:table-cell将适用于所有浏览器。缺点使用固定宽度和固定高度不起作用。但是您可以使用相同的display:block(顶部,右侧,底部,左侧)来管理它,如本演示中所述
© www.soinside.com 2019 - 2024. All rights reserved.