1

サイトに大きなバナーがあり、バナーには回転する画像があり、すべて<div>. ページ全体に広がり、画像は幅 2000px と大きいため、ほとんど画面の幅に関係なく、画像は左右に拡大し続けます。

<div>その中のすべてがページのコンテンツ (約 1000px) と整列し、ページ幅が伸びてもそこにとどまるように、配置の中心を維持するにはどうすればよいですか?

現在、画像の左側は、幅に関係なくページの左側に固定されているため、ウィンドウの幅に応じてページのコンテンツに対して画像が移動します。<div>これが現在のコードです

position: relative;
display: block;
width: 2000px;
height: 648px;
margin: 58px auto 0 auto;

ありがとうございました！

4

2 に答える 2

0

やってみました ：

<img style="position:absolute;left:50%;margin-left:-1000px;"/>
于 2013-01-28T21:55:18.817 に答える
0

幅がページの幅を超えたときにこれを行う唯一の方法は、CSS3calc関数を使用することです。

left: -webkit-calc((2000px - 100%) / -2)

これは基本的に左の値を残りのマイナス半分に設定します。接頭辞により、これは-webkit-Chrome と互換性があります。このソリューションを実装する場合は、必要に応じて他のブラウザー プレフィックスを追加する必要があります。

于 2013-01-28T21:12:00.370 に答える