css-position - オブジェクトを画面の中央に任意のサイズで配置する方法は?

Question

これは私のコード全体です（h1が英語でなくて申し訳ありませんが、すべてのパラグラフもダミーテキストであるため問題ありません。）http://jsfiddle.net/sBKYH/

私のポジショニング

.vizitka{
position:relative;
top:50%;
margin: 232px 0 0 438px;
}

だから私の問題は、ラップトップでこのウェブページに取り組んでいて、すべて完璧だったということです。しかし、PC (より大きな画面) で Web サイトを開くと、カードが左に移動しました。画面サイズの影響を受けないように、カードを中央に配置するにはどうすればよいですか? また、ブラウザウィンドウのサイズを変更したときも、ゆっくりとカードを中央に置いたままにするのではありませんでした。それを修正する方法についてのアイデアはありますか？

Answer 1

で試してください

.vizitka{  
  margin:232px auto 0;
  ...
}