マークを中央にする

470 ワード

方法は3つあります.
★トップ、bottom、左、右コンセプトも重要!

①位置:絶対とエッジ


※このラベルにはwidthとheightの固定値が必要です.
✔親オブジェクトに対して、中央の子オブジェクトを絶対にします.
たとえば、親オブジェクトはbody、子オブジェクトdivラベルのidはcenterです.
(bodyなので関係を設ける必要はありません.)
#center {
	position: absolute;
	width: 300px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -150px
}
top、leftが50%を与えることは、真ん中に位置することを意味しません.この要素の左上隅の開始位置は真ん中にあり、マージン値を調整する必要があります.
margin : 0 auto;