2012-04-10 2 views
5

두 개의 열이 내용을 포함하는 데 필요한 가장 작은 너비이고 세 번째 열이 가능한 넓은 테이블을 만들려고합니다. 두 열이 얼마나 넓어 지는지는 알지만 그만큼 많이 바꾸지는 않겠지 만 가능한 한 하드 코딩 된 너비는 줄 것입니다. 여기CSS에서 열의 자동 최소 너비를 설정하는 방법은 무엇입니까?

은 내가 가진 것입니다 :

​<table width="100%"> 
    <tr> 
     <td align="left" style="width:auto;"> 
      123 123 123 123 123 
     </td> 
     <td align="center"> 
      bla bla 
     </td> 
     <td align="right" style="width:auto;"> 
      hello 
     </td> 
    </tr> 
</table>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

처음과 마지막 열은 중간 열을 일으키는 원인이 필요한 것은 중앙에 보이지 않는 것보다 더 많은 공간을. 이 작업을 수행 할 수있는 방법이 있습니까 아니면 그냥 너비를 하드 코드해야합니까?

편집 : 답변이 너무 간단합니다.

​<table width="100%"> 
    <tr> 
     <td align="left" style="white-space:nowrap;"> 
      123 123 123 123 123 
     </td> 
     <td align="center" width="100%"> 
      bla bla 
     </td> 
     <td align="right"> 
      hello 
     </td> 
    </tr> 
</table>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

답변

1

그럼 당신은 당신의 테이블에 설정 한 100 % 폭 ... 그것은 당신이 비율을 사용하지 않는 이유는

+1

예, 3 개 열 모두에 여분의 공간을 제공하지만 중간 열만 추가 공간을 확보하기를 원합니다. – Echo

+1

중간 열을 100 % 너비로 설정하십시오 :-) – Gatekeeper

+0

옙 ... 나는 간단한 것을 놓친다 고 생각했습니다. 간단히 중간 열을 완전히 확장하는 대신 다른 두 열에 뭔가 필요한 작업이 필요하다고 생각했습니다. – Echo

0

:-) 뭔가를 확장해야합니다 : 여기 다른 사람 도움이 경우 전체 대답은 너비? Width 100 %는 열을 확장하고 열의 너비가 설정되지 않은 경우 나머지 열에 비례하여 왼쪽 위에 양을 추가합니다.

관련 문제