table css 테이블 (여백없이) 정렬 문제

Question

안녕하세요현재CSS는table{}.listlabel1{font-size: 12px; font-color: #000000; font-weight: normal; background-color: red; border: 1px solid #dddee2;}.listlabel2{font-size: 12px; font-color: #000000; font-weight: normal; background-color: #FFFFFF; height: 15px;}이렇게 적용을 하니까 아래처럼 일반적으로 출력이 되고 있습니다.질문은 정보가 길어지고 옆칸(순번.. 배송번호, 배송유형 등 칸 사이 여백이 많아서 아래 이미지처럼 칸 사이 여백이 없이 하고 싶습니다.등록자와 상품번호 사이에 보면 공백없이 거의 붙어 있게 조정하면서 여백을 확보한것으로 보입니다.이렇게 구현하려면[순번.. 배송번호, 배송유형 등 테이블 마다 가로 길이 각각 지정] &#43; [일정 단어수가 넘으면 보이지 않게 설정]해야할까요?아니면 테이블 정렬중 다른 방법이 있을까요?감사합니다.

doru · Answer

table 안에 colgroup과 col을 작성하셔서 각 열(위에서 아래)의 넓이값을 고정시키는게 빠릅니다. 그리고 css로 table th,td의 padding값도 조금 신경 쓰면 좋겠죠.그리고 보기 이미지가 너무 작아서 새탭으로 열어서 봐도 확인이 좀 힘듭니다...

table css 테이블 (여백없이) 정렬 문제

1개의 답변

Q&A 목록