Div 요소의 폭을 설정하지 않고 가운데 배치하기

1319 단어
방법 1:
<div class="wrap">
  <div class="inner">html :   inner   </div>
</div>
.wrap {
  float: left; /*         */
  position: relative;
  left: 50%; 
}
.inner {
  position: relative;
  left: -50%; 
}

.wrap이 float를 사용하는 것은 양보하기 위해서이다.랩의 너비는 다음과 같다.inner의 너비
비키다랩의 왼쪽은 부층의 중선에 있다.inner의 왼쪽 상대.랩을 왼쪽으로 반쯤 움직이면 된다.인너가 있습니다.랩의 부층의 중간.
 
 
방법2:
.wrap{
    text-align:center;
    }
.container{
    display:inline-block;
    text-align:left;
}

text-align:center는 안쪽의 내연 요소를 가운데로 하고 바깥쪽에 text-align:center를 설치한 후 안쪽의 요소를 내연 요소로 만들고 안쪽의 요소에 display:inline-block을 사용할 수 있습니다.*display: inline(IE6-7 호환).

좋은 웹페이지 즐겨찾기