2017-11-10 1 views
1

누구나 HTML 테이블에서 열의 총 너비를 설정하는 방법을 알고 있습니까? 일부 열은 스트레칭이 (고정 :HTML 테이블의 총 열 너비가

I는 (생성) 2N 열 테이블을 가지고 있고이없이 특정 값 N 열의 폭을 설정할 :

  • JS
  • 테이블 레이아웃 컨텐츠) 열 병합와
  • 중첩 테이블 (테이블 컬럼 및 행 정렬)

예를 모두 유지해야한다 : 나는 4 열 테이블

<table> 
    <tr> 
    <td>Col 1</td> 
    <td>Col 2</td> 
    <td>Col 3</td> 
    <td>Col 4</td> 
    </tr> 
</table> 

너와 함께 분류하고 싶다 : 너비 1 칸 + 너비 칸 2 = 50 % 칸 3 칸 + 너비 칸 4 칸 50 % 칸 1 칸 2 칸 3 칸의 너비는 자동이다.

가능합니까?

+1

'TD {폭 : 25 %}'? – Pete

+0

감사하지만 컬럼이 동적 너비를 가지므로 내 예상대로 작동하지 않습니다. –

답변

1

table { 
 
    max-width:100%; 
 
} 
 
table td { 
 
    max-width:25%; 
 
}
<table> 
 
    <tr> 
 
    <td>Col 1</td> 
 
    <td>Col 2</td> 
 
    <td>Col 3</td> 
 
    <td>Col 4</td> 
 
    </tr> 
 
</table>

+0

귀하의 솔루션에 대한 감사하지만 정확하게 그들이 얼마나 큰지 모르겠어 때문에 내 경우에는 작동하지 않습니다. 그것은 1px

+0

@ alex.tran - 트릭을하지 않는다면 왜 답을 표시하고 다른 사람들이 질문을보고 대안을 제시하지 못하게합니까? – BruceWayne

+0

@ BruceWayne 아, 그 표식에 그 행동이 있는지 모르겠습니다. –

관련 문제