为响应式网站定位图像

Question

因此，我正在为学校作业做出响应式设计，并且试图以图像宽度为中心。

我缩放在Photoshop图像，所以我没有任何宽度或高度设置为图像

这是我现在得到但这不起作用

<header> <img src="afb%20/logo3.png" alt="logo3" width="" height="" /> </header>

header{ width: 100%; margin-left: auto; margin-right: auto; }

有人可以帮我吗？真的需要这个！

在此先感谢

Answer 1

在头CSS刚刚成立text-align: center。

您目前正在将标题100％宽度，所以您的利润率不会适用。由于你的容器100％宽，并且没有文本对齐，因此img将始终与左边对齐。

这里：

header { width: 100%; text-align: center; }​ 

http://jsfiddle.net/xMPZ4/

Answer 2

.center{margin: 0px auto; display: block;} 

<header><img src="updates_button.jpg" alt="logo3" class="center"></header> 

Answer 3

你可以一个标志类添加到图像，并设置CSS来：margin:0px auto; width:200px;当然更换图像宽度...