如何将未知宽度的图像居中?

Jim*_*mBo 6 css

使用CSS如何将未知尺寸的图像居中?

Kor*_*nel 17

水平

img {display:block; margin: 0 auto}
Run Code Online (Sandbox Code Playgroud)

要么

.container {text-align:center}
Run Code Online (Sandbox Code Playgroud)

垂直

/* container must contain some text as well */
.container, img {line-height:100px; vertical-align:middle}
Run Code Online (Sandbox Code Playgroud)

要么

.container {display:table-cell; vertical-align:middle}
Run Code Online (Sandbox Code Playgroud)

如果图像只是装饰性的:

.container {background: url(…) 50%;}
Run Code Online (Sandbox Code Playgroud)


Pek*_*ica 6

看作图像是原生inline-block元素(我认为 - 至少不是block),

text-align: center 
Run Code Online (Sandbox Code Playgroud)

对于周围的容器将完成这项工作.