모바일 화면 코딩, div와 table 중 무엇을 쓰나요?

이런 모바일 화면을 코딩하려고 하는데 div와 table 중 어떤 방식이 좋을까요?
화면마다 조금씩 다르게 보일까 봐 걱정돼요.
어떤 식으로 구성하면 좋을지 조언 부탁드립니다.

댓글 10

  • 희라 2026.07.09

    웹에서는 크로스 브라우징 때문에 div를 많이 쓰는 것 같은데 모바일은 어떤지 궁금해서요.
    div로 만들어 봤더니 화면마다 조금씩 어긋나더라고요.
    아이디와 비밀번호 입력란 정도도 정렬이 달라 보여서 미리 여쭤봤어요^^

  • 글리슨 2026.07.09

    이런 화면은 div 안에 p 태그를 넣어서 줄을 나누면 되지 않나요?ㅎㅎ

  • 그대와나 2026.07.09

    6행 2열 아닌가요?

  • 수예 2026.07.09

    아, 감사합니다!

  • 접시 2026.07.09

    저는 table로 코딩해요.
    2행 6열로 구성하고, 유효기간이나 CVV처럼 아래에 예시가 들어가는 곳은 열을 더 나눠 작업합니다.
    저는 그 방식이 편하더라고요ㅎㅎ

  • 다스리 2026.07.09

    저도 table에 한 표요~~~

  • 다미 2026.07.09

    한번 해볼게요. 조언 감사합니다!

  • 초록이 2026.07.09

    2행 6열로 table을 만들고, 두 줄로 표시할 부분은 td 안에서 div로 처리하면 됩니다.

  • 상큼한캔디 2026.07.09

    이런 경우 table은 가로 2칸, 세로 6줄로 쓰나요?
    아니면 텍스트도 전부 나눠 넣나요?

  • 앵겨쭈 2026.07.09

    저라면 table을 사용해요.
    표 형태라면 div로 만들기보다 table로 코딩하는 게 편하더라고요.