[css] table-latout: fixed 적용 후 td가 동일한 너비로 고정될 때 각각의 너비 지정 방법

말줄임표를 사용하기 위해 table에 table-latout: fixed; 를 적용해주었더니

td가 일정한 비율로 나눠져 어떤 방법을 써도 바뀌지 않았다.

 

이럴 때 각각의 td에 크기를 지정해줄 수 있는 방법!

 

<tr><col width="200px;"><col width="100px;">
   <th>123</th>
   <th>123</th>
</tr>

이런 식으로 col width를 활용하면 각각의 td에 너비를 지정해줄 수 있다.

 

col width가 사라진다는 말이 있어서 덧붙여두는데,

대신해서 쓸 수 있는 속성은 col style이다.

<tr><col style="width: 200px;"><col style="width: 100px;">
   <th>123</th>
   <th>123</th>
</tr>

 

또는

 

<tr>
	<th style="width: 40%;">123</th>
	<th style="width: 60%;">123</th>
</tr>