프로그래밍 언어/HTML,CSS,JS

CSS에서 "absolute" 요소를 중앙에 배치하는 방법

Rateye 2021. 7. 29. 09:53
728x90
반응형

 

질문 : CSS에서 "절대"위치와 정의되지 않은 너비가있는 요소를 중앙에 배치 하시겠습니까?

내 창 중앙에 div ( position:absolute; ) 요소를 배치해야합니다. 그러나 너비를 알 수 없기 때문에 그렇게하는 데 문제가 있습니다.

나는 이것을 시도했다. 그러나 너비가 반응하므로 조정해야합니다.

.center {
  left: 50%;
  bottom: 5px;
}

내가 어떻게 해?

답변

 
<body>
  <div style="position: absolute; left: 50%;">
    <div style="position: relative; left: -50%; border: dotted red 1px;">
    I am some centered shrink-to-fit content! <br />
    tum te tum
    </div>
  </div>
</body>
출처 : https://stackoverflow.com/questions/1776915/center-an-element-with-absolute-position-and-undefined-width-in-css
728x90
반응형