在div中心对齐大图像

-3

我有一个网站有一个大的图像（大于父DIV）。我想在这个DIV的中心对齐这个图像。我怎样才能做到这一点？我发现一些脚本对齐DIV的中心，但在这种情况下，图像比DIV更大，我没有找到。 TNKS在div中心对齐大图像

2011-11-02 Marcos

给一个具体的例子，一些代码，一个jsFiddle ......提供任何东西来使这个问题更有用。 – Sparky

如果想让更大的裁剪图像该分区的尝试使用这个：

CSS：

.imageContainer { 
    margin: 0; 
    height: 500px; /* change it to your value*/ 
    width: 100%; /* or use fixed width*/ 
    background: transparent url('') no-repeat center; 
    overflow: hidden; 
}

HTML：

<div class="imageContainer" style="background-image: url('myImage.jpg');"></div>

希望下次让你的问题更清晰，并与你有内有问题的代码。

来源

2011-11-02 00:18:48

工作得很好！ – Marcos

@Marcos正确回答请关闭此问题:) –

试试这个CSS：

.imgFloat { 
    display:block; 
    width:<image width + some extra>px; 
    margin-left:auto; 
    margin-right:auto; 
}

然后你的形象：

<img src="path/to/img.jpg" class="imgFloat" />

来源

2011-11-02 00:02:46 Anders

添加CSS样式：

margin: 0 auto;

来源

2011-11-02 00:03:49 K2so

我敢肯定，自动在顶部/按钮的边缘不工作像右/左一个:) –

对不起，键入得太快，你是对的，只是编辑 – K2so

好吧，没问题，但我认为你需要添加'显示：block;'对于图像，默认是'inline'对于'img'标签，现在如果图像小于div图像水平居中，但是如果图像大于div，这将不起作用，或者实际上让我们说自动值右/左将为0，div将适合相同的图像大小。 –

在div中心对齐大图像

回答

相关问题