HTML 테이블 열 너비를 제어하는 ​​방법은 무엇입니까?

Question

나는 <table> 요소를 사용하여 데이터 테이블을 표시하는 HTML 페이지에서 작업하고 있습니다. 각 열의 CSS 너비를 백분율로 설정하고 NAME 열을 60 %로 설정하면 최대 열 수 있기 때문입니다. 내가 정말하고 싶은 무엇

는 어떻게 든 "앵커"이름 열의 오른쪽에 날짜 열, IT 및 복사, 다운로드 사이에 좋은 흰색 공간을 만드는 : 여기에 실제 스크린 샷입니다 , 및 SHARE 열. 여기에 doctored 스크린 샷이다 : 그러나

, 나는 이름이 더 될 일 경우 크기가 감소하기를 원하기 때문에 난 그냥, 날짜 열에게 큰 비율을 줄 수 없습니다. 다음은 또 다른 독창적 인 스크린 샷입니다. 이름이 긴 경우, NAME 열은 수용 할 수 있도록 폭으로 증가해야하며, DATE 열은 폭 감소한다 :

내가 CSS를 통해 원하는 것을 달성하기 위해 어떤 방법이 있나요, 그리고 움직이지 않고 <table> 요소에서 멀리 떨어져 있습니까? 이에 "TD"를 설정

Answer 1

시도 :

tr td.name-column { 
    width:1%; 
    white-space:nowrap; 
} 

당신은 또한 그것을주고 약간의 패딩을 추가하는 시도 할 수 있습니다

(이름 열에는 "TD"요소에 추가 된 클래스 인 경우) 일부 방