테이블 / white-space: nowrap; text-overflow: ellipsis /제목열만 왼쪽정렬하기

영역을 넘는 콘텐트 처리

높이가 계속커진다.

층을만들어낸다 -> 막는속성

 

  white-space: nowrap;

제목이 층을 만들어내지않게 하기

 overflow: hidden;

넘치는 글자 가리기

   

text-overflow: ellipsis 

오버플로우된 글자는 ...점으로 생략된다

테이블의 헤더넣기

 

테이블의 제목열만 왼쪽정렬하기

 

테이블의 헤더와 바디구분

tbody를 넣지않으면 html이 알아서 table과 tr사이에 tbody를 넣어준다

thead와 tbody를 넣어 구분한다.