Metin eklediğimde/kaldırdığımda div'larımın yeniden boyutlandırmasını nasıl sağlayabilirim? arama kutusu dolu "hiçbiri" sütunu döndürür eğer öyleyse

Question

Ben kayıtları bir çok ve

.col-3{ 
    width:33,33% 
} 

kayıtların bazıları

<table> 
    <tr> 
     <td class="col-3">name1</td> 
     <td class="col-3">sName1</td> 
     <td class="col-3">age1</td> 
     </tr> 
     <tr> 
     <td class="col-3">name..</td> 
     <td class="col-3">sName..</td> 
     <td class="col-3">age..</td> 
     </tr> 
     <tr> 
     <td class="col-3">nameN</td> 
     <td class="col-3">sNameN</td> 
     <td class="col-3">ageN</td> 
     </tr> 
</table> 

---

hiçbiri olarak görüntülenebilir, arama kutusu içeren bir tablo var "Witdh: 33,33%" olmadı, sanki hiç yokmuş gibi.

İçeriği olmasa bile öğeleri orijinal boyutunda tutmanın bir yolu var mı?

Şimdiden teşekkürler.

Answer 1

tablo

table { 
 
    width: 100%; 
 
    table-layout: fixed; 
 
} 
 
.col-3 { 
 
    width: 33, 33%; 
 
    border: 1px solid grey; 
 
}

<table> 
 
    <tr> 
 
    <td class="col-3">name1 askdlhaslkdhsaldsad asjd;kadaj as;dj;asjd as ;asjsd;asjd;ja</td> 
 
    <td class="col-3">sName1</td> 
 
    <td class="col-3">age1</td> 
 
    </tr> 
 
    <tr> 
 
    <td class="col-3">name..</td> 
 
    <td class="col-3">sName..</td> 
 
    <td class="col-3">age..</td> 
 
    </tr> 
 
    <tr> 
 
    <td class="col-3">nameN</td> 
 
    <td class="col-3">sNameN</td> 
 
    <td class="col-3">ageN</td> 
 
    </tr> 
 
</table>

için sabit bir genişlik ile birlikte table-layout: fixed deneyin

Answer 2

bu deneyin:

<table style="border:1px solid"> 
    <tr> 
     <td style="min-width:50px">one</td> 
     <td style="min-width:100px">two</td> 
    </tr> 
</table>