2012-01-09 18 views
6

, sol, ilk sütunun en az% 70 gibi olması için ilk sütuna sahip olmanın bir yolu var.İlk tablo sütununun minimum genişliği

Çok sayıda ayrı ayrı tablom var (farklı başlıklar ile bunlar ayrı veri parçalarıdır).

Tablo sütunları, genişliklerini, içeriğin içinde ne kadar içeriğe bağlı olarak değiştiriyorlarsa, ekstra alana ihtiyaç duyarlarsa, o zaman, aynı tablonun diğer sütunlarından daha fazla yer kaplayacaklardır. uzay ve hepsi sadece aynı genişliğe kalırsan o zaman onun çok Sessizleştirme herhangi ekstra alan ihtiyacı yoktur ... gibi PHP test olmadan bunu ne kadar içerik nasıl

http://jsfiddle.net/mqatP/5/

herhangi bir fikir% 50 içlerine giriyor ve farklı sınıflar ekliyor?

sayesinde Dom

cevap

5

min-width'un bunu yapmadığını fark ettim. Rick. Ancak, bir süre onunla oynamaya sonra, bu çözüm üzerinde geldi:

td:first-child { 
    width: 40%; 
    white-space: nowrap; 
} 
+0

kullanabileceği alan olduğunda bu en temiz çözüm ancak kuvvetler sarma sanırım. Hatta genişlik:% 50 de çalıştı. Böylece yeterli alan varsa hepsini hizalar ve eğer varsa alanı kullanır. Bazen 3-sütunlarım var, bu da onları vidalıyor ama sanırım col-2, col-3 ve farklı stiller olmadan sabitlenebileceğinden şüphe duyuyorum. –

+0

Çok uzun bir metniniz varsa, daha ziyade sarma yerine taşarsa da ... ama sanırım gerçekten bunun bir yolu yok –

2

Sana css

table-layout:fixed; 

ve JavaScript sözdizimi tablo genişliğini düzeltmek için bu deneyin öneririm olduğunu : object.style.tableLayout="fixed"

+0

Ben Bu çok havalı görünüyor –

1

Sen

tbody>tr>td:nth-child(1), 
tbody>tr>td:nth-child(2), 
tbody>tr>td:nth-child(3) { width: 50%; } 
kullanabilirsiniz
İlgili konular