我有一个网站有一个大的图像(大于父DIV)。我想在这个DIV的中心对齐这个图像。我怎样才能做到这一点?我发现一些脚本对齐DIV的中心,但在这种情况下,图像比DIV更大,我没有找到。 TNKS在div中心对齐大图像
回答
如果想让更大的裁剪图像该分区的尝试使用这个:
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>
希望下次让你的问题更清晰,并与你有内有问题的代码。
工作得很好! – 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" />
添加CSS样式:
margin: 0 auto;
我敢肯定,自动在顶部/按钮的边缘不工作像右/左一个:) –
对不起,键入得太快,你是对的,只是编辑 – K2so
好吧,没问题,但我认为你需要添加'显示:block;'对于图像,默认是'inline'对于'img'标签,现在如果图像小于div图像水平居中,但是如果图像大于div,这将不起作用,或者实际上让我们说自动值右/左将为0,div将适合相同的图像大小。 –
- 1. DIV中的中心对齐图像
- 2. 图像对齐以div为中心
- 3. 垂直对齐固定大小的中心图像div
- 4. 图像在div中对齐
- 5. 中心对齐图像
- 6. 对齐图像中心
- 7. 对齐图像中心
- 8. 让图像中心对齐
- 9. 中心对齐图像
- 10. 中心对齐图像
- 11. 对齐中心div
- 12. 中心对齐div内div?
- 13. Div图像对齐
- 14. Android:在TabHost中对齐中心图像
- 15. 对齐父div在div中心和子div对齐左
- 16. 在一个div的中心水平对齐多个图像
- 17. 对齐图像在div的中心垂直和水平
- 18. 垂直对齐在div中心的图像
- 19. 在垂直中心对齐图像
- 20. 对齐中心对齐div元素
- 21. 绝对位置图像对齐中心
- 22. 对齐敏感div中心
- 23. 中心对齐跨度Div
- 24. 中心对齐的DIV
- 25. 中心对齐的div
- 26. 对齐浮动div中的图像中心
- 27. 对齐中心div的左右div div
- 28. 在DIV中将图像对齐成行
- 29. 对齐背景图像中,中心
- 30. 如何垂直对齐未知大小的图像到div的中心?
给一个具体的例子,一些代码,一个jsFiddle ......提供任何东西来使这个问题更有用。 – Sparky