수다닷컴

테이블을 중앙 정렬하려면 align=center 말고 어떤 방법이 있나요?

누리알찬 2026.01.31 댓글 6

div 안에 있는 table을 CSS로 가운데 정렬하고 싶어요.
`text-align: center`를 써도 적용되지 않는데, 테이블을 가운데로 보내려면 어떻게 해야 하나요?
HTML 태그의 `align=center`는 권장되지 않는 방식이라고 해서 CSS로 해결하고 싶습니다.
브라우저는 Firefox예요.

댓글 6

  • 레이 2026.01.31

    위 방법들을 적용하기 전에 DTD가 먼저 설정돼 있어야 해요 ^^

  • 보람 2026.01.31

    답변 감사합니다^^
    그런데 div의 align 속성을 CSS로 지정하는 방법도 있을까요?
    HTML 태그 속성과 CSS로 설정하는 속성이 다른 건가요? 제가 기본이 부족해서요 ^^;;

  • 강남맨 2026.01.31

    테이블은 블록 요소라서 `text-align: center`로는 정렬되지 않아요.
    블록 요소는 보통 말씀하신 방법으로 정렬합니다.

  • 앨프레드 2026.01.31

    div 안의 내용을 `text-align: center`로 가운데 정렬하는 게 아니라, div 안에 있는 table을 가운데 정렬해야 한다는 말씀이시네요.

  • 보아라 2026.01.31

    div 너비가 440이고 table 너비가 300이라면 `#center_gray table { width: 300px; margin: 0 auto; }`처럼 하면 가운데로 와요.
    table에 id나 class를 붙여도 됩니다.

  • 큰솔 2026.01.31

    `margin: 0 auto;`로 설정해 보세요~

프로그램 개발일반 다른 글

목록