html – 如何在页面上的DIV中居中可变宽度的图像？

概述我有一个可变宽度的图像,我想在容器div中居中,它将以页面为中心. 如果我在div上设置一个宽度并给它一个边距：0自动,它将居中,但问题是div内部的图像宽度可变,所以我不能在容器div上设置宽度. 有什么建议？ 澄清：容器div有一个背景图像需要在图像的任一侧扩展30px.因此,容器div需要具有设定的宽度,但能够根据图像大小进行扩展/收缩. 添加填充到图像！ img#foo{ displa 我有一个可变宽度的图像,我想在容器div中居中,它将以页面为中心.

如果我在div上设置一个宽度并给它一个边距：0自动,它将居中,但问题是div内部的图像宽度可变,所以我不能在容器div上设置宽度.

有什么建议？

澄清：容器div有一个背景图像需要在图像的任一侧扩展30px.因此,容器div需要具有设定的宽度,但能够根据图像大小进行扩展/收缩.

解决方法 添加填充到图像！

img#foo{  display:block;  margin:0 auto;  background:url(/image/bg.gif);  padding: 30px;}

总结

以上是内存溢出为你收集整理的html – 如何在页面上的DIV中居中可变宽度的图像？全部内容，希望文章能够帮你解决html – 如何在页面上的DIV中居中可变宽度的图像？所遇到的程序开发问题。

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