Q
完全居中图像?
3
A
回答
1
我不知道你如何使用它,所以可能我的解决方案不适合。
当你实现了图像的格内的“背景图片”,你可以轻松地与“背景位置”居中:
#div {
background-image: url(./image.png);
background-position: center center;
}
2
你可以得到它通过使用
margin: 0 auto;
垂直居中水平对齐是不容易与CSS(至少在IE6/7)。用表格做它相对容易。
你说你有jQuery可用。您可以通过使用JavaScript来将任何浏览器装备起来。但是,当然如果没有启用/支持JS,您的页面将无法正确显示。
CSS的vertical-align属性只是为了与display: table-cell
(其本身应该是在一些与display: table
)的东西内使用。
如果你有
<div id="container"><img src="my-image.png" alt="" /></div>
您可以使用jQuery(由plexus如建议)居中这样
var imageSrc = $('#container img').attr('src');
$('#container').css({ backgroundImage: 'url(' + imageSrc + ')', backgroundPosition: 'center enter' });
+0
那么它的一个jQuery密集的部位,所以我不介意当javascript关闭时看起来有点关闭。 – wesbos 2009-10-20 16:00:20
相关问题
- 1. 居中图像php
- 2. Qooxdoo图像居中
- 3. 完全透明的图像
- 4. 图像不完全响应
- 5. 如何让我的div完全居中?
- 6. 图居中抹灰图像
- 7. Google云完全全球图像
- 8. 在Python中完全删除图像3
- 9. 完全中心图像和DIV
- 10. 在Excel中居中图像
- 11. 居中在标题中的图像,也使全角
- 12. 图像拉伸并居中?
- 13. 水平居中图像
- 14. 垂直居中图像html
- 15. CSS:图像居中[issue]
- 16. as3水平居中图像
- 17. 图像不垂直居中
- 18. 居中图像div水平
- 19. 不能居中图像
- 20. 居中按钮或图像
- 21. iOS UITableViewBackground图像居中
- 22. 图像拒绝居中
- 23. 居中嵌入块图像
- 24. css水平居中图像
- 25. 用输入居中图像?
- 26. 全屏,离子模态下的居中图像
- 27. 在Android中完全缩小图像:可以完成吗?
- 28. 如何完全变暗图像?
- 29. css完美的全屏图像背景
- 30. .NET图像是完全黑色的吗?
这是一个好主意。我需要图像链接到某些东西,但我可能能够脱离透明跨度并使用此建议。将回报:) – wesbos 2009-10-21 15:24:05