2011-04-11 15 views
7

HTML <button>'u nasıl yapabilirim CSS ile Tablo Hücresi'ni düzgün bir şekilde doldurabilir miyim?Bir HTML <button> nasıl yapılır CSS ile Tablo Hücre yerine düzgün bir şekilde doldurulur?

Düğme yatay olarak CSS ile Tablo Hücresi doldurmak için width:100% kullanabilir, ancak height:100% hiçbir şey yapmaz.

bir örnek için

, bakın: http://jsfiddle.net/eA5fQ/

Teşekkür!

+1

Biraz daha net olabilir misiniz? CSS ile tam olarak ne yapmak istiyorsunuz? –

+2

Yüzdelik yükseklik, öğenin üst öğesinden devralınır. Ebeveynin yüksekliği tanımlanmamışsa, referans noktası yoktur. –

cevap

4

Bunu aşağıdaki gibi piksel cinsinden yüksekliğini belirtmek gerekir:

height: 100px; 
+1

Teşekkürler Ken, bu kesinlikle çalışır, ancak% Tablodan bunu yapmak için bir yolu var, bu sadece Tablo Hücresi'nin tüm alanını ele geçiriyor? – PleaseHelpMe

-1

o çok iyi çalışıyor görünüyor height: 100%; olarak siz de min-height: 1px; kullanıyorsanız: http://jsfiddle.net/jJbCd/8/

+0

% ile yapabilmeyi çok isterim, fakat bu benim için çalışmıyor (Firefox 4). Herhangi bir fikir neden? Teşekkürler. – PleaseHelpMe

+0

FF 4'te denendi ve çalışmadı. Neden bir fikir yok ... – penguinrob

+0

Bazı nedenlerden dolayı bir td değilse çalışır: http://jsfiddle.net/jJbCd/8/ – penguinrob

4

bir sakıncası yoksa jQuery çözeltisi:

$('#button1').css('height', $('#button1').parent('td').height()); 

Live Demo

4

Düğmeye height:100%; ekleyin ve td etiketinizin yüksekliğini yüzde olarak ayarlayın

+0

evet td'nin% 100'ünde ve td'nin içinde düğme üzerinde ayarlandı. teşekkürler bu çözüldü –

İlgili konular