티스토리 뷰

공부

[CSS] align center

승가비 2020. 10. 17. 20:22
728x90
.layer {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  background: #f00;
  margin: -50px 0 0 -50px;
}

https://wit.nts-corp.com/2017/02/06/4123

 

Layer 화면 중앙정렬 방법

널리에 작성되어 있던 기존 글을 다듬어 재게시합니다. 마크업 작업을 하다보면 div layer를 화면 정중앙에 정렬해야 하는 경우가 많습니다. layer 사이즈가 고정이면 간단히 표현할수 있지만 가변

wit.nts-corp.com

 

728x90
저작자표시 비영리 (새창열림)

'공부' 카테고리의 다른 글

[부스트코스] docker & pytorch  (4) 2020.10.25
[Sh] curl  (0) 2020.10.17
[Django] check number of array by templates  (0) 2020.10.17
[Logstash] multiple inputs  (0) 2020.10.16
[MySQL] rename table, column, type  (0) 2020.10.16
댓글