br 사파리와 크롬 남음 간격의 br 줄 높이

Question

내 HTML에는 div가 있고 div 안에는 텍스트 줄 사이에 다른 세로 간격이 있습니다. 나는 나누기를 사용하고 높이를 정의함으로써 이것을 실현합니다. 즉, <br /><br class="height5" /> 또는 height2 또는 height10 등입니다. {: 5px 라인 높이;}

이 IE6 + FF2 +에서 작동하고 br.height5를, {2 픽셀 라인 높이}

br.height2을 내 스타일 시트에서

나는 그것을 좋아 정의 오페라이지만 Safari와 Chrome에는 몇 가지 이유로 거대한 간격이 있습니다 (두 브라우저가이를 무시하고 정기적으로 휴식을 취하는 것과 같습니다). 나는 20px 또는 30px와 Safari와 같은 더 큰 선 높이로 시험해 보았고 크롬은 그것들을 인식했다. 그들은 5-10 픽셀 이하의 것을 무시하고있는 것처럼 보입니다.

도움 말? 감사!

Answer 1

이러한 브라우저는 공백 (캐리지 리턴 등)을 읽고 & nbsp; 종류의 값으로 열어 놓을 수 있습니다. 여러 div 태그를 사용하고 원하는 공간의 여백 - 아래 특성을 가진 div 스타일을 제안합니다.

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

Answer 2

이 크롬에 근무합니다 (content 속성은 트릭 않았다) :이 오래된,하지만 내 대답은 여기에 블록으로 BR을 끄지 않고 크로스 브라우저를 알고

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

이 시도 :

br { line-height: 1em; } 

또는 :

Answer 5

이것은 파이어 폭스와 크롬 모두에서 효과가있었습니다. @SamuelC와 @anushr의 아이디어를 얻었습니다.

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