HTML'de boş satırın boyutunu değiştirme

Question

HTML koduma boş bir satır eklemek istiyorum ancak sayfanın kalan kısmına uyup uymadığını görmek için bu boş satırın boyutunu değiştirmek istiyorum.

Birisi bunu nasıl yapacağını biliyor mu?

Answer 1

En güzel yol, biraz boşluk bırakmak istediğiniz öğeye alt kenar boşluğu koymak olabilir. Gönderilen diğer çözümler semantik değildir ve işaretlemeniz içerik içermeyen devasa bir aralayıcı öğesi karmaşası haline gelecektir. Sunum için doğru yoldur. Eğer iki paragraf var ve ilkinden sonra bazı boşluklar istiyorsanız Örneğin

:

<p style="margin-bottom: 20px;">Blabla</p> 
<p>Blabla 2</p> 

Bu en iyi bahis id/class ve ayrı stil kullanarak olurdu sadece bir illüstrasyon.

Düşünebildiğim tek diğer anlamsal çözüm, <HR> element'dur, ancak tarayıcıya göre stil uygulamak istiyorsanız oldukça sorunludur (bağlantıya ilişkin ayrıntılara bakın).

Answer 2

Sen gibi bir şey kullanabilirsiniz:

<p style="height: 200px"></p> 

Answer 3

Nasıl line-height css özelliğini kullanma hakkında? Bunun gibi

: <span style="line-height: 50px;">&nbsp;</span>

Answer 4

Bir div eklemek ve css ile yüksekliğini değiştirebilir?

<div class="spacer">&nbsp;</div> 

CSS:

.spacer { 
    height: 100px; 
} 

Ama daha iyi bir çözüm istediğiniz alanı önceki elemana bir alt kenar boşluğu koymak olacaktır.

<div class="some_content"> 
    The stuff before the space 
    </div> 

    <!-- space here --> 

CSS

.some_content { 
    margin-bottom: 100px 
    } 

size oranına göre alt 100px yer vermek istiyorum.