2016-05-26 53 views
0

私はいくつかの子divと親divを持っています。私はそれらを中心divの中心に垂直に並べたいと思います。 ;垂直整列テーブルセル:ここに私のコードは、私はまた、表示しようとした http://jsfiddle.net/yX3p9/344/親divの中央に子divを垂直に中央に配置する方法は?

<div class="wrapper"> 

    <div class="table-body"> 
     <div class="topchair"> 
      <div class="chair">1</div> 
     </div> 

     <div class="leftchairs"> 
      <div class="block"> 
       <div class="chair">3</div> 
       <div class="chair">4</div> 
       <div class="chair">5</div> 
       <div class="chair">6</div> 
      </div> 
     </div> 
    </div> 

</div 

で真ん中を。しかし、それもうまくいかなかった、どうすればいいのですか?前もって感謝します。

+1

コードはどこですか? Stackoverflowはコードを書くサービスではありません。コードに関する特定の問題についてはお手伝いしますが、すべてのコードを実行するつもりはありません。 –

+0

申し訳ありません、私はここに新しく、私の質問を更新します – aziz

+2

これはコードではありません。あなたの目標に到達するためにこれまでに試したことを私たちに示してください。あなたの変数を保持しているHTMLのバー骨の足場ではありません。 @HunterTurnerのように言った。私たちはコード作成サービスではありません。期待されるものを理解するためにここを見てください。http://stackoverflow.com/help/how-to-ask –

答えて

0

私はあなたがそのこの修正理解していれば:

.chair { 
    width: 50px; 
    height: 50px; 
    margin: 5px auto;   <--- Use auto to center element left/right 
    background: deepskyblue; 
    line-height: 50px; 
    font-weight: 600; 
    color: #fff; 
    text-align: center; 
} 

2つのエントリで使用されるようにマージンコールアウトは、要素は一定の幅を持っている場合は、自動でそれを中心に説明する(上/下、左/右)を読み込むことを...

+0

あなたはただ素晴らしいです...あなたの仲間を愛しています。どうもありがとうございます。 – aziz

+0

あなたは一言だけそれを見逃しました。私は多くをする必要はなかった。まともなjsfiddleを投稿していただきありがとうございます。ほとんどの新しい人々はそれをうまくやっていません。 – zipzit

関連する問題