1

ウィンドウの幅に合わせて画像がスケーリングされるようにするという考えを持つ画像を含む div があります。それはうまくいきますが、画像を水平に正しく配置できません。ウィンドウの下部のどこかに置きたいのですが、上部にくっつきます。

私のHTMLは次のとおりです。

<div class="page" id=""><div id="imagewrap"><img id="test" src="myimage.png" width="100%"></div></div>

CSS は次のようになります。

#imagewrap {
    height: 100%;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    border:2px solid;
}

これは Android フォン (cordova) で動作することを意図しているため、そのレンダリング エンジン (webkit) に固有のアドバイスを提供できます。

下部にあるが中央にない以下のコメントのいくつかを使用した後の現在のバージョン:

#centerdiv {
height: 100%;
margin-left: auto;
margin-right: auto;
border:2px solid;
width: 70%;

}
#imagewrap {
border:2px solid;
position: absolute;
bottom: 0; /** percentage FROM bottom here **/
width: 100%;
}
4

1 に答える 1

4

次の CSS を追加します。

#page {
  position: relative;
}

#imagewrap {
  position: absolute;
  bottom: 0; /** percentage FROM bottom here, currently this is at the bottom **/
}

#pageこれはdivの下部に関連することに注意してください。

于 2012-10-13T17:40:58.230 に答える