Tek bir tablo sütununu tüm boş yatay alanı nasıl doldurabilirim?

3 sütundan oluşan bir HTML tablom var. 600 piksellik bir sabit genişliğe sahiptir.Tek bir tablo sütununu tüm boş yatay alanı nasıl doldurabilirim?

<table> 
    <tr> 
    <td>Name</td> 
    <td>Qty</td> 
    <td>Actions</td> 
    </tr> 
</table>

ben Adet ve Eylemler sütunları kullanılabilir alan geri kalanını almak için ve Adı sütununu (bir satıra içeriğini koruyarak) mümkün olduğunca küçük olmasını istiyorum. Miktar/İşlemler sütununun boyutu, içerik/yazı tipi boyutuna bağlı olarak değişir, dolayısıyla bu durumda sabit genişlikler çalışmayacaktır.

Bunu HTML/CSS'de yapmanın bir yolu var mı? Yoksa bunun için Javascript'i çıkarmam gereken bir şey mi var?

kaynak

2011-08-21 gsteinert

nowrap kullanmayı denediniz mi? http://www.w3schools.com/tags/att_td_nowrap.asp. Özniteliğin kullanımdan kaldırıldığını ve orada belirtildiği gibi css ile kullanıldığını unutmayın. –

Bu, ana problemimi çözmüyor, diğer iki hücrenin çok dar ve çok dar olması. Ama Ranta'nın cevabı ile birlikte, tam olarak aradığım şey, teşekkürler – gsteinert

Bu sütuna width = "99%" uygulayabilirsiniz. Örneğin, en geniş genişliği kullanabilirsiniz:% 99;

kaynak

2011-08-21 13:54:20 Ranta

Bu, diğer hücreler üzerinde nowrap kullandığım sürece harika çalışıyor. Şimdi düşünmemek için biraz aptal hissediyorum. Teşekkürler – gsteinert

width niteliği de kullanımdan kaldırıldı ve bunun yerine css kullanılmalıdır: http://www.w3schools.com/tags/att_td_width.asp –

Firefox'ta iyi çalışıyor. Webkit tarayıcılarında, bu genişlik açıkça belirlenmiş olmayan görüntüleri ezecektir. – Arcolye

ilk sütunda ve diğer sütunlarda sabit boyutlar verin (piksel boyutlu sütunları kullandım).

<table style="width: 100%;"> 
    <tr> 
    <td style="max-width: 99%"> 
     Will max 
    </td> 
    <td style='width:110px;'> 
     fixed size here 
    </td> 
    </tr> 
</table>

kaynak

2014-05-20 14:13:12

Tek bir tablo sütununu tüm boş yatay alanı nasıl doldurabilirim?

cevap

İlgili konular