Div에 표 센터링. 내 30 픽셀 꺼짐

-1

저는 며칠 동안 이걸 가지고 놀았어요. 테이블을 사용하지 않아도된다는 것을 알고 있지만,이 경우 데이터를 테이블에 저장해야했습니다. 내가 뭘하려고하든 상관없이 두 테이블을 중심으로 보이게 할 수는 없다.Div에 표 센터링. 내 30 픽셀 꺼짐

부모 컨테이너를 제거한 다음 margin이있는 테이블 주위에 div를 만들려고했습니다. 0 auto;

여전히 20-30 픽셀입니다.

http://splendid.ds9design.com/contact/

모든 지침은 크게 감사하겠습니다!

출처

2015-01-06 DSNYC

대신'margin : 0 auto;'시도해보십시오.'text-align : center;'시도해보십시오. 나는 잘 모르겠다. –

센터에 놓고 싶은 테이블은 'SPLENDID & CO'및 'REPRESENTATION'입니까? 그렇다면 폭이 100 %이므로 생각합니다. 나는 600px와 너비를 할당하고 여백을 추가하려고합니다 : 0 자동; 그리고 나는 그것이 작동한다고 생각합니다 – murnax

당신을 도울 수 있도록 여기에 코드를 추가 할 수 있습니까 –

나는 바이올린을 만들었습니다. 희망이 바로 당신이 필요합니다.

http://jsfiddle.net/pyhpbwu2/1/

HTML :

<div id="outer"> 
    <table> 
     <tr> 
      <td>This </td> 
      <td>is </td> 
     </tr> 
     <tr> 
      <td>a</td> 
      <td>Table</td> 
     </tr> 
    </table> 
</div>

CSS :

#outer{ 
    background:red; 

} 
table{ 
    text-align:center; 
    margin:0px auto; 
    border:1px solid #fff; 
} 
td{ 
    width:100px; 
}

설정 마진 0 픽셀 자동; 테이블은 일을합니다.

출처

2015-01-06 03:55:17

나는 margin : 0px auto를 사용해 보았습니다; 엄밀히 말하면 표는 중앙에 위치하지만 내용은 다릅니다. 내 화면 잡고보기 http://snag.gy/gauLg.jpg – DSNYC

테이블 추가 {text-align : center; } –

@DSNYC : 센터링을보다 명확하게하기 위해 답변을 업데이트하고 너비를 td에 추가했습니다. 업데이트 된 바이올린을 확인하십시오. –

Div에 표 센터링. 내 30 픽셀 꺼짐

답변

관련 문제