Question

I m 寻求只有CSS的解决方案,以缩小浏览器窗户面积的图像——X 个餐厅。我已经找到了许多 Java的解决方案,但我想只把它放在中心位置。如果是,如何做?

Answer 1

How about this?

rel=“nofollow”>Live Demo

<>光>:

<div><img src="http://www.google.com/images/logos/ps_logo2.png" /></div>

<>CSS:

div {
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px
}
img {
    width: 100%
}

Answer 2

img {
    width: 100%;
}

Tada!

http://jsfiddle.net/bqbGY/"rel=“nofollow” http://jsfiddle.net/bqbGY/。

EDIT:

div {
    left: 0px;
    margin: 15px;
    position: absolute;
}
img {
    position: relative;
    width: 100%;
}

Where the margin property on the div is x pixels. Obviously, this means wrapping you img in a div. Like so:

<div>
    <img src="" />
</div>

Edit再次重申: 仅凭一份说明,而不是使用<代码>margin property, 您可使用margin-left和margin-right Property。