트릭 : 절대 위치 div 중심

CSS에서는 때때로 우리가 생각하는 것보다 덜 복잡한 단순한 것들로 삶을 복잡하게 만듭니다. 그리고 우리가 해결책을 볼 때 우리는 그러한 일화를 관찰하는 것에 거의 웃을 것입니다.

두 명 이상의 사람이 절대적으로 배치 된 div를 중앙에 배치하는 방법을 물었고 대답은 매우 간단합니다.

  1. div에 고정 너비를 지정합니다. 예 : 500px
  2. 우리는 절대적으로 50 %가 남아있는 div를 배치합니다. 예 : 위치 : 절대, 왼쪽 : 50 %,
  3. 여백으로 측정 한 것의 절반을 뺍니다. 예 : margin-left : -250px;

결과는 완벽하게 중앙에 위치하며 절대적으로 배치 된 div입니다.


15 코멘트, 당신의 것을 남겨주세요

코멘트를 남겨주세요

귀하의 이메일 주소는 공개되지 않습니다. 필수 필드가 표시되어 있습니다 *

*

*

  1. 데이터 책임자 : Miguel Ángel Gatón
  2. 데이터의 목적 : 스팸 제어, 댓글 관리.
  3. 합법성 : 귀하의 동의
  4. 데이터 전달 : 법적 의무에 의한 경우를 제외하고 데이터는 제 XNUMX 자에게 전달되지 않습니다.
  5. 데이터 저장소 : Occentus Networks (EU)에서 호스팅하는 데이터베이스
  6. 권리 : 귀하는 언제든지 귀하의 정보를 제한, 복구 및 삭제할 수 있습니다.

  1.   이반 리라

    정말 감사합니다 .. 당신이 너무 간단한 것을 말하면서 시간이 지남에도 불구하고 여전히 많은 두통의 저자입니다.
    귀하의 게시물은 저에게 매우 유용했습니다. 대단히 감사합니다.

  2.   옥수수 속

    대단히 감사합니다 !!!

  3.   글로브로만

    좋은 공헌은 저를 많이 도왔습니다, 감사합니다

  4.   루카스

    그가 나에게 봉사 한 것은 얼마나 큰 미친 짓인가 : D

  5.   승리자

    감사합니다…

  6.   베냐민

    아주 좋은 카를로스.

  7.   Mario Lozano 자리 표시 자 이미지

    훌륭한 정보

  8.   프랭크 코크

    감사합니다.

  9.   즙을 짜고 난 찌꺼기

    넌 나를 구했다!!! 감사합니다 :)

  10.   다니엘 플로이드

    삼촌 고마워요, 저에게 많은 도움이되었습니다 !!, 내 상상력 부족.

  11.   데미안

    대단히 감사합니다 !!!!! 이 트릭은 항상 나를 돕는다 하하

  12.   o

    정말 훌륭한 친구 감사합니다

  13.   크리 스마트 안지

    이것은 중앙에 있지 않습니다. 그것은 모두 우리가 그 안에 넣은 것에 따라 성장하게 만드는 기본 div 요소의 원래 크기에 달려 있습니다. 반응 :

    순수한;
    왼쪽 : 50 %;
    왼쪽 여백 : -100px;

    절반이 될 것입니다.

  14.   에드가 추노

    공헌에 감사드립니다. 정말 도움이되었습니다.

  15.   미리 암 제스

    아주 좋은 공헌은 저에게 천의 은혜를 많이 도왔습니다!