cella di tabella ridimensionamento oltre la larghezza massima

Question

Ho una tabella che visualizzerà il nome della telecamera e il suo modello. Il problema è quando una stringa nome/modello è troppo lunga, la cella viene ridimensionata e quindi rende il corpo della tabella non sincronizzato con la testa.

<td> 
    <div class="camera_details"> 
     <div class="camera_models">XXXCAMERAMODELXXX</div> 
     <div class="camera_name">XXXCAMERANAMEXXX</div> 
    </div> 
</td> 

Questo css Hass in questo modo:

td{ 
    max-width: 144px; 
} 
.camera_details { 
    max-width: 144px; 
} 
.camera_models { 
    text-overflow: ellipsis; 
    overflow: hidden; 
} 
.camera_name { 
    text-overflow: ellipsis; 
    overflow: hidden; 
} 
table { 
    table-layout: fixed; 
} 

Il problema esiste solo su IE8 dove il div ottenere limitato a causa di max-width ma l'elemento td non che provoca ancora disallineamento nella tabella .

È un modo per forzare il td ad essere una certa larghezza indipendentemente dalla larghezza dei div per bambini?

Answer 1

Definire layout tabella: fisso; nel telefono table. Scrivi come questo:

table{ 
table-layout:fixed; 
} 

Answer 2

si potrebbe applicare i seguenti stili per i tuoi div 's:

overflow: hidden; 
white-space: nowrap; 

Sarà inoltre necessario specificare un width.