html - バナーを中央に揃える

Question

バナーの配置に問題があります。
背景画像であってはならず、オブジェクトまたは埋め込みである可能性があり、ページの 100% である必要がありますが、ページ幅が縮小されたときにバナーの中央部分が見えるようにしておく必要があります。

Answer 1

両方の例の作業フィドル

背景画像を使用しない理由がわかりません。（そして、この制限を後悔している場合は、上記の実用的なフィドルがあります）

画像を使用する必要がある場合は、上記の作業フィドルを参照して、単純な JQuery 関数を使用してこれを実現できます。

var img = $("#bannerWithScript > img"); //or any selector you want for targeting your image

img.css({
    "top": "calc(50% - " + (img.height() / 2) + "px)",
    "left": "calc(50% - " + (img.width() / 2) + "px)"
});