可变尺寸流体图像，垂直和水平居中
http://www.publicgathering.net/temp/fluidvert.html
有趣的是问题出在 Firefox 上。
每页单个图像，可变高度和宽度，必须垂直和水平居中，必须流畅（针对较小的浏览器窗口缩小），我只是在寻找最新的浏览器支持（IE8，Chrome，FF3，Safari）
图像应根据浏览器的宽度调整大小（较小）。
它在 IE8、Chrome 和 Safari 中工作正常，但在 FF 中不行。我意识到这是因为 FF 没有正确注册宽度。 （例如，您将图像放在 100% 宽的 div 中，这很好。）简单地使用真实的表格也不起作用。
有没有办法强制 Firefox 识别 table/div 的宽度？或者有一种更简单的方法来垂直居中可变内容？
另一方面：有没有人觉得奇怪，这是 FF 在这种情况下的默认行为？
http://www.publicgathering.net/temp/fluidvert.html
Interestingly enough the problem here is in Firefox of all things.
Single image per page, variable heights and widths, has to be vertically and horizontally centered, has to be fluid (shrinks for smaller browser windows) and I'm merely looking for recent browser support (IE8, Chrome, FF3, Safari)
The image should resize (smaller) based on the width of the browser.
It works fine in IE8, Chrome and Safari but not FF. I realize its because FF isn't registering the width properly. (For instance you put the image in a 100% wide div and that's fine.) Simply using a real table doesn't work either.
Is there a way to force Firefox to recognize the width of the table/div? Or a simpler way to vertically center variable content?
On another note: Does anyone find it strange that this is FF's default behavior in this situation?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
https://bugzilla.mozilla.org/show_bug.cgi?id=307866
这回答了这个问题。 FF3.5 中仍然存在一个 bug，但已于 2005 年底报告过。
https://bugzilla.mozilla.org/show_bug.cgi?id=307866
That answers that question. Still a bug in FF3.5 yet reported in late 2005.