2012-03-16 23 views
33

Bir başlık satırı ve birkaç veri satırı içeren bir tablom var. Yapmak istediğim başlık ve veri satırları arasında boş bir satır oluşturmaktır, ancak boş satırın diğer satırlardan daha küçük olmasını istiyorum (böylesine büyük bir boşluk olmayacak şekilde).Daha küçük bir yüksekliğe sahip boş bir tablo satırı ekleme

Bunu nasıl yapabilirim?

aşağıdaki tablo için My HTML mark-up kodu olarak:

<table class="action_table"> 
    <tbody> 
     <tr class="header_row"> 
      <td>Header Item</td> 
      <td>Header Item 2</td> 
      <td>Header Item 3</td> 
     </tr>    
     <tr class="blank_row"> 
      <td bgcolor="#FFFFFF" colspan="3">&nbsp;</td> 
     </tr> 
     <tr class="data_row"> 
      <td>Data Item</td> 
      <td>Data Item 2</td> 
      <td>Data Item 3</td> 
     </tr> 
    </tbody> 
</table> 

cevap

41

Hemen aşağıda yayınlanmıştır CSS kuralını (ve biraz geliştirilmiş mark-up) ekleyin ve sonra elde ettiğin sonucu almalısın.

CSS

.blank_row 
{ 
    height: 10px !important; /* overwrites any other rules */ 
    background-color: #FFFFFF; 
} 

HTML

<tr class="blank_row"> 
    <td colspan="3"></td> 
</tr> 

Ben her ihtimale karşı !important özelliği eklendi gibi mevcut stil benzediğini hiç bir fikrim yok beri. Eğer mümkünse, bir stil sayfasındaki !important beyanlarına güvenmek istemezsiniz.

+1

Bu işe yarar ve geçerli kodlamamla en uyumlu. –

3

bu deneyin:

<td bgcolor="#FFFFFF" style="line-height:10px;" colspan=3>&nbsp;</td> 
+0

XHTML 1.0'da, "style =" "' özniteliği otomatikleştirilmez. Kodunuz herhangi bir doctype için aynı olmalıdır. –

+1

@FrederickMarcoux Şaka mı yapıyorsun? XHTML 1.0 Strict'e göre, 'style' özelliği, Barry'nin örneğindeki tek doğru özelliktir! –

+0

HTML kursuna göre, XHTML Strict'de 'style' özelliğini kullanamıyoruz? –

8

Tablo içinde yer açmak için fazladan bir tablo satırına ihtiyacınız yoktur. Bakınız this jsFiddle.
(Boşluğu açık gri renkte yaptım, böylece onu görebilirsiniz, ancak bunu saydam olarak değiştirebilirsiniz.)

Sadece görüntüleme amacıyla bir tablo satırı kullanmak tablo kötüye kullanımdır!

<p style="margin-top:0; margin-bottom:0; line-height:.5"><br /></p> 

kalpleri içerik bir dolgu satır yüksekliği (I [muhtemelen üç tutturmaya Tablo kötüye edildi değişmesine izin verir: Ben bu basit çizgiyi çalıştı kadar işe hiçbir şey alamadım

+0

Haklısınız ve çözümünüzün şıklığını severim. Tabloda da bir miktar ayrılığa ihtiyacım var. Şu anki kodlama ile uyumluluk göz önüne alındığında, kolay bir çıkış yolu kullanacağım. –

-4

sonra ben bu yüzden bu soru zaten bir cevabı var biliyorum Yorumlara

+0

Kaynağı kabul etmeliydim: http://www.gokgs.com/help/_it_IT/EditorsTipsAndTricks.html - ancak bir iletişim rotası yok gibi görünüyorlar ... ve bazı yüksek güçlü olduğu anlaşılıyor. Oyun kurgusu ve ben şimdiye kadar ~ 30 yıl önce Space Invaders –

+0

FYI ile kalan tüm bağımlılık rotasından kaçındım, cevabınızda kaynak kodu almak istediğinizde, 4 boşluk ile bu satırı yazınız Başlangıçta Bu, < > etiketlerine sahip olmanızı sağlayacaktır – shiser

4

seviniriz amatör değilim, ama daha basit öğrendim) alt kısmı boyunca

hizaya istediği metnin sütunlar (kutu) bunu yapmanın yolu .

Sadece boş bir satır olmasını istediğiniz tablonun içine

<tr height = 20px></tr> 

ekleyin. Programımda iyi çalışıyor ve muhtemelen mümkün olan en hızlı çözüm.

İlgili konular