br safari ve krom boşluk aralığındaki çizgi yüksekliği

Question

HTML'mde bir div var ve div içinde metin satırları arasında farklı dikey boşluk var. Bunu, kırıkları kullanarak ve yüksekliği, yani <br /><br class="height5" /> veya height2 veya height10'u veya herhangi bir şeyi tanımlayarak gerçekleştiririm. {: 5px satır yüksekliği;}

Bu IE6 + FF2 + çalışmaktadır ve br.height5;: {2px satır yüksekliği}

br.height2: my stil olarak

bunun gibi tanımlar Opera ama bir sebepten dolayı Safari ve Chrome'da büyük boşluklar var (bu iki tarayıcı gibi göz ardı ediyor ve sadece düzenli molalar uyguluyor). 20px veya 30px gibi daha büyük satır yükseklikleri ile deneme yapmayı denedim ve Safari ile Chrome bunları tanıdı. 5-10 pikselin altında hiçbir şeyi görmezden geliyor gibi görünüyorlar.

Yardım? Teşekkürler!

Answer 1

Bu tarayıcılar beyaz alanınızı (satır başı vb.) Okuyor ve onu & nbsp; sort değeriyle açıyor olabilir. Birden çok div etiketini kullanmanızı ve istediğiniz boşluğun kenar boşluğu özniteliklerine sahip div'ları şekillendirmenizi öneririm.

<div style="margin-bottom: 2px">content</div> 
<div style="margin-bottom: 5px">content</div> 
<div>content</div> 

Answer 2

Bu Chrome üzerinde çalıştı (content nitelik hile yaptı): Bu eski, ama cevabım burada bir blok haline br açmadan çapraz tarayıcı olduğunu biliyoruz

br { 
    content: " "; 
    display: block; 
    margin: 1em; 
} 

Answer 3

/* line height can be set to whatever you want*/ 
br {line-height: 0.1; content: " "} 

Answer 4

bu deneyin:

br { line-height: 1em; } 

veya:

br { margin-top: 2em; } 

Answer 5

Bu, hem firefox hem de krom için benim için çalıştı. @SamuelC ve @anushr'dan fikir aldım.

br{ 
    display: block; 
    line-height: 0.1; 
    content: " "; 
}