CSS로 br 높이를 설정하는 방법

CSS에서는 line-height 속성을 사용하여 br 높이를 설정할 수 있습니다. "br{display:inline;line-height:height value}"를 br로 설정하기만 하면 됩니다. line-height 속성은 br 태그의 높이를 설정합니다. 값이 클수록 br 태그의 높이가 높아집니다.

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

웹사이트를 구축하는 과정에서 많은 텍스트 입력이 정적 템플릿을 사용하여 구현되지 않을 수 있지만, 보다 발전된 CMS를 사용하여 웹사이트를 구축하는 과정에서 배경이 불가피하게 발생합니다. HTML 코딩에 능숙한 사람들에게는 물론 HTML 코드를 직접 입력할 수도 있지만 코딩 방법을 모르는 사람들에게는 RTE가 사용됩니다. 텍스트만 직접 입력할 수 있으므로 필연적으로 많은 br 태그가 생성됩니다.

이 태그는 물론 사용자에게 매우 편리하지만 개발자는 프런트엔드 디스플레이의 호환성을 고려해야 합니다. FF와 IE에서는 표시되는 br의 높이가 완전히 다릅니다.

마침내 CSS로만 정의하면 된다는 사실을 깨달았습니다.

br{
    display:inline; 
    line-height:11px;
}

추천 학습: css 비디오 튜토리얼

위 내용은 CSS로 br 높이를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!