画面ビュー(スクロールされているか、スクロールされていないかに関係なく)の中央に絶対位置を持つ div を配置します。
私はこれを持っていますが、div は現在のビューの中央ではなく、ドキュメントの中央に配置されます。
#main {
width: 140px;
height:100px;
border: 1px solid Black;
text-align: left;
position: absolute;
top: 50%;
left: 50%;
margin-left:-70px;
margin-top:-50px;
}
ベストアンサー1
次の CSS を使用します。
.centered {
position: fixed;
top: 50%;
left: 50%;
/* bring your own prefixes */
transform: translate(-50%, -50%);
}