kolumny CSS Tabela szerokość: stała - dynamiczne (30%) - Dynamic (70%) - Poprawiono

Question

udało mi się uzyskać tego rodzaju układ tabeli:

stałe - dynamiczny (50%) - dynamiczny (50%) - naprawiono

http://jsfiddle.net/ihtus/ksucU/

Ale jak mogę dostać tego rodzaju? stałe - dynamiczny (30%) - dynamiczny (70%) - naprawiono

Dzięki.

Answer 1

Jak to:

<table> 
    <tr> 
     <td style="width:200px;"> 
     200px width - content 
     </td> 
     <td width="30%"> 
     dynamic width - content 
     </td> 
     <td width="70%"> 
     dynamic width - content 
     </td> 
     <td style="width:100px;"> 
     100px width - content 
     </td> 
    </tr> 
    </table> 

table { 
    width:100%; 
    border-collapse:collapse; 
    table-layout:fixed; 
} 

td { 
    border: 1px solid #333; 
} 

http://jsfiddle.net/7dSpr/

Answer 2

Ogólne podejście jest takie same jak jeden Monkieboy, ale należy unikać style inline. (przez to mam na myśli pisanie style="someting") w twoim pliku html. Zamiast tego powinieneś używać klas i CSS.

najpierw dać TD klasy jak ten <td class="thin-column">text here</td>, następnie w użyciu CSS zastosować style: .thin-column:{ width: 30% }