select 관련 질문입니다 ㅠㅠ

Question

휴대폰과 - 사이가 왜 멀어지는지 모르겠습니다 알려주실 수 있나요 ㅠㅠㅠㅠ

songline · Answer

코드를 보면 form의 요소들을 배치하기 위해 table 관련된 요소들을 활용하셨는데요. 때문에 각 요소가 표에 맞게 칸이 구분되었고, 그래서 전화번호 고르는 select 요소와 - 라는 라벨이 서로 다른 공간에 배치된 것입니다. 해결 방법은 하나의 th 혹은 td에 모든 요소들을 넣어주는 것입니다만, 저 상황에서 굳이 테이블을 사용해야 할 이유가 있나 싶네요.이유가 없다면 저렇게 하는 대신 div 태그와 flex 관련 속성을 이용해 배치해보시는 것이 어떨까 싶습니다. 훨씬 쉽고 깔끔하게 관련 요소들을 배치할 수 있습니다.

하태연 · Answer

보이진 않지만 아마 위에서 colgroup으로 너비 지정하셔서 그런 것 같습니다.<td colspan="3">즉, 셀합치기 하셔서 세팅하셔서 원하시는 대로 붙어서 나올 겁니다.마지막으로 태그 정렬 저렇게 하시면 보기 힘드니 평소에 맞추는 습관을 가져야 합니다. 아니면 prettier 같은 거 사용하시면 바로 소스 정렬되니 보기 편해집니다.

select 관련 질문입니다 ㅠㅠ

2개의 답변

Q&A 목록