tablo hücresi yeniden boyutlandırma son genişlik

Question

Fotoğraf makinesinin adını ve modelini gösterecek bir tablom var. Bir isim/model dizesi çok uzun olduğunda hücre yeniden boyutlandırılır ve bu nedenle tablo gövdesini kafa ile senkronize hale getirir. şöyle

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

Bu hass css:

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; 
} 

div nedeniyle max-width ama td elemanı ile sınırlı olsun sorun yalnızca IE8 üzerinde var

hala tabloda dengesizliğini neden olmadığı .

Çocuk div'lerinin genişliğinden bağımsız olarak td'yi belirli bir genişlik olarak zorlayabilir miyim?

Answer 1

Tablo yerleşimini tanımlayın: sabit; table numaralı telefondan. Böyle yaz:

table{ 
table-layout:fixed; 
} 

Answer 2

Sen div 's aşağıdaki stilleri uygulamak olabilir:

overflow: hidden; 
white-space: nowrap; 

Ayrıca width belirtmek gerekir.