css - 自动页边距不会使页面中的图像居中

标签 css google-chrome margin centering

this example图像不居中。为什么?我的浏览器是 Windows 7 上的 Google Chrome v10,而不是 IE。

<img src="/img/logo.png" style="margin:0px auto;"/>

最佳答案

添加 display:block; 就可以了。图片默认是内嵌的

需要说明的是,block 元素的默认宽度是 auto,这当然会填满包含元素的整个可用宽度。

通过将边距设置为auto,浏览器将剩余空间的一半分配给margin-left,另一半分配给margin-right .

关于css - 自动页边距不会使页面中的图像居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5734199/

相关文章:

javascript - chrome 使用 execCommand 添加回车符 ('copy' )

google-chrome - 当chrome扩展更新时,存储在本地存储中的数据是否会被删除?

css - 边距 0 和固定背景导致奇怪的边框或什么?

html - 为什么这些内联 block div 元素之间存在无法解释的间隙?

python - Matplotlib 使用宽右边距 - Python

html - 将 CSS 框移动到图像的下方

html - 相邻的表,正在转换框阴影

javascript - 遇到以下代码未定义输出的问题

使用 chrome/safari 影响其他元素的 CSS3 变换

html - 如何使用CSS将文本居中?