2013-08-29 3 views
0

내 HTML을 중심으로 테이블을 배치하고 싶습니다. 다음 코드가 있습니다. 나는 완벽하게 찾을 수는 있지만 크롬은 아닙니다. 내가 뭔가 잘못하고 있는거야?CSS를 사용하여 센터 테이블을 만드는 방법

<table align="center"> 
    <tr> 
    <td> 
     <div class="zoom_controls"> </div> 
      </td> 
    </tr> 
</table> 
+2

CSS는 어디에 있습니까? 컨테이너 (예 :'body' 요소)에'text-align : center'가 있는지 확인한 다음 테이블에 margin : 0 auto;가 있는지 확인하고 공간을 가운데에 배치하십시오. –

답변

4

align="center" 구문은 오래 전에 사용되지 않았습니다. 테이블에 margin:0 auto을 추가

jsFiddle example

table { 
    margin:0 auto; 
} 
가능하면

0

이, 테이블을 고정 폭을 지정 (테두리 가시성 추가).
테이블의 위쪽 여백과 아래쪽 여백에 0 (원하는 경우) 및 왼쪽 여백과 오른쪽 여백을 지정합니다.

알려진 너비의 모든 종류의 요소에서 작동합니다.
가변 폭 (em/%)을 사용할 수도 있습니다.

EDIT : 나와 같은 해결책을 입력하는 것처럼 보입니다.

-1

나에게 맞는 것은 : 여백 : 자동; 디스플레이 : 인라인 블록;

+0

에 오신 것을 환영합니다. 귀하의 답변은 질문에 어떤 가치도 추가하지 않으며 이미 선택한 답변과 매우 유사합니다. '인라인 블록'은 요소를 가운데 맞추기 위해 필요하지 않습니다. – Aziz

관련 문제