私の問題:コンテンツを親divの真ん中にdivしたい。
CSS 構造:
<div class= 'sign_in'>
<div class= 'sing_form'>
</div>
<div class='fb_sign'>
</div>
</div>
基本的にはサインイン ウィンドウで、右側がメール/パス フォーム、左側が fb ログイン ボタンです。このボタンは真ん中に配置したいのですが、上と下で機能し、上でvertical-align:middle
も機能します。底部に。
CSS:
.sign_in {
position: absolute;
border-style: solid;
border-width: 2px;
border-color: #c1ffc6;
background: #fff;
padding: 2%;
width: 30%;
font-family: Arial, sans-serif;
z-index: 9999999;
font-size: 14px;
}
.sings_form{
display: inline-block;
border-right-style: solid;
padding-right: 10%;
border-width: 1px;
border-color: #c1ffc6;
}
.fb_sing {
display: inline-block;
vertical-align: top;
margin-left: 10%;
}