css ekran:

Question

Böyle bir css tablo kurulum var çok geniş tablo ilk sütun:

<div class='table'> 
<div> 
    <span>name</span> 
    <span>details</span> 
</div> 
</div> 

tablo için css geçerli:

.table{ 
display:table; 
width:100%; 
} 
.table div{ 
text-align:right; 
display:table-row; 
border-collapse: separate; 
border-spacing: 0px; 
} 
.table div span:first-child { 
text-align:right; 
} 
.table div span { 
vertical-align:top; 
text-align:left; 
display:table-cell; 
padding:2px 10px; 
} 

iki sütun eşit bir şekilde bölünür haliyle masanın genişliği tarafından işgal edilen boşluk arasında. İlk sütunu yalnızca metinleri kapladığı metnin gerektirdiği kadar geniş olacak şekilde almaya çalışıyorum

Tablo, sütunlar/hücreler gibi bilinmeyen bir genişliktir.

Answer 1

Sadece 1px gibi küçük bir genişlik verin. Tablo hücreleri, içeriğine uyacak şekilde her zaman mümkün olan en küçük boyuta genişler.

Answer 2

Sınıf isminizi "tablo" olarak değiştirmelisiniz. "tablo", div'den bazı tabloların sınıfı olduğunu öne sürer.

deneyin

<div class='table'> 
<div> 
    <span style="width:30%">name</span> 
    <span>details</span> 
</div> 
</div> 

Answer 3

Sen tablo içinde ilk div bulmak ve ona olan ayrı vermek için ilk çocuk seçici kullanabilirsiniz aşağıdaki.

.table div:first-child 
{ 
    width:30%; 
} 

Answer 4

Bunu satırda çeşitleri varsa o metnin boyutunu olmaya alabilirsiniz bilmiyorum ama bir width = "auto" ya da sütunlar için bir yüzde genişliğini ayarlayarak deneyebilirsiniz.

Answer 5

deneyin ->table-layout: fixed