CSS에서 플로트를 중심으로 정의하십시오

Question

CSS의 정의 플로트를 중심으로 정의하려면 어떻게해야합니까? 실제로 오른쪽과 왼쪽 사이에 레이아웃이 필요하고 또한 "텍스트-정렬"을 시도했지만 작동하지 않으며 "플로트"속성이 작동합니다.

고맙습니다

Answer 1

당신은 다음과 같은 것을 원합니다 :

<div style="width: 500px; text-align: center;">

    <div style="margin: 0 auto; width: 100px;">I am centered</div>

</div>

키는 텍스트-정렬 : 부모의 중심, 마진 : 0 내부 요소의 자동

Answer 2

플로트가 없습니다 : 중심. 그러나 DIV가 부모에게 중심을 갖기를 원할 때는 다음과 같이해야합니다.

#parent-element{
    position: relative;
}
#element
{
  width: 500px; 
  left: 50%;
  margin-left: -250px; /* - (width/2)  */
  position: absolute;
}

그러나 정확히 무엇을 달성하려고합니까?

Answer 3

요소를 왼쪽 또는 오른쪽에만 띄울 수 있습니다.

어쩌면 어떤 종류의 레이아웃을 달성하려고하는지 설명하십시오.