코딩일지 -언어공부방/HTML

HTML Table Size | 테이블표 크기 조절하기

강cording 2022. 8. 16. 01:45
반응형
  • 디스플레이 화면에 테이블표를 맞추고 싶다면,
  • <body> 태그 안에, <table style="width:100%"> 와 같은 코드를 넣어주면 된다.

 
  • 테이블 자체에서 특정 열의 길이만 조절하고 싶다면,
  • <tr> 태그 안에다가 style을 넣어주면 된다. 위치는 : <th> 이거나, <td>
  • 퍼센테이지로 width의 value 값을 주는 경우, 상위 태그에서 width를 100% 설정해놔야 원하는 값으로 디스플레이 될 수 있다. (빨강 화살표)

 
  • 테이블 열 (table row = tr) 의 높이를 재설정 하고 싶다면,
  • <tr style="height:200px"> 이런식으로, <tr> 태그에 style을 입혀주면 된다.

 

  • size 값은 퍼센테이지나 px 값으로 주면 된다.
반응형