オブジェクトがビューポートよりも大きい場合のCSSの中央揃え

Question

クリッピング領域がビューポートよりも広い場合でも、画面中央にjqueryカルーセルを取得しようとしています。これは基本的に常に要素に負の左マージンを与えます - これをどのように指定できますか？クリッピング領域は固定幅ですが、もちろんビューポート領域は可変です。

Answer 1

ここでは、固定幅のコンテンツの周りにラッピング要素を使用し、次にコンテンツ自体に-50％のマージンを使用するのが最適なソリューションです。これは私の頭の上から外れていますが、あなたを始めさせるのに十分なはずです。

もちろん

div.wrapper { 
    position: absolute; 
    left: 50%; 
} 
.content { 
    position: relative; 
    margin-left: -50%; 
} 

<div class="wrapper"> 
    <div class="content">JQUERY BIZ-NASS HERE</div> 
</div> 

、これはここにあなたのdivがbodyタグの直接の子孫であることを前提としていて、お使いのブラウザが100％の幅とマージンなしやパディングを持っているbodyを指定している：ここではコードスニペットです。