HTML – 如何将图像置于300px乘300px div中心？ (图像尺寸未知)

概述我有一个div,它位于浏览器左上角的300px到300px之间.我计划在div中显示图像但不幸的是我不知道图像的大小,虽然我知道图像将是300px×300px或更小. 如何创建一个设置宽度和高度为300px的div,它将水平和垂直相同或更小的图像居中？ #container { width: 300px; height: 300px; line-height: 300px; text-align: 我有一个div,它位于浏览器左上角的300px到300px之间.我计划在div中显示图像但不幸的是我不知道图像的大小,虽然我知道图像将是300px×300px或更小.

如何创建一个设置宽度和高度为300px的div,它将水平和垂直相同或更小的图像居中？

解决方法

#container { wIDth: 300px; height: 300px; line-height: 300px; text-align: center; }#container img { vertical-align: mIDdle; display: inline-block; }

jsFiddle Demo

总结

以上是内存溢出为你收集整理的HTML – 如何将图像置于300px乘300px div中心？ (图像尺寸未知)全部内容，希望文章能够帮你解决HTML – 如何将图像置于300px乘300px div中心？ (图像尺寸未知)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。