화면의 두 번째 HTML 표 셀 범위가 나머지

Question

두 개의 열과 행이 있고 화면 전체에 너비가 100 % 인 테이블이 있습니다. 첫 번째 열은 내용이 채워지는만큼의 공간을 차지하기를 원합니다. 이 콘텐츠는 전체 화면을 차지해서는 안되므로 포장하는 것에 대해 걱정하지 않아도됩니다. 그런 다음 두 번째 셀이 나머지 수평 공간을 차지하기를 원합니다.

이 테이블을 설정하는 방법은 무엇입니까? 두 셀의 너비를 설정하는 데 여러 가지 조합을 시도해 보았습니다.

Answer 1

설정하여 CSS를 다음과 같이

table { 
    width: 100%; 
} 

td.firstCol { 
    width: 1%; 
    white-space: nowrap; 
} 

그리고 테이블 마크 업과 같이 :

<table> 
    <tr> 
    <td class="firstCol"> 
     First column content 
    </td> 
    <td> 
     Second column content 
    </td> 
    </tr> 
</table> 

그리고 그 트릭을 할해야합니다.