>웹 프론트엔드 >HTML 튜토리얼 >br 태그의 높이를 변경하는 방법은 무엇입니까?

br 태그의 높이를 변경하는 방법은 무엇입니까?

WBOY
WBOY앞으로
2023-09-11 17:29:021040검색

br 태그의 높이를 변경하는 방법은 무엇입니까?


태그는 웹 콘텐츠에 줄 바꿈을 추가하는 데 일반적으로 사용되는 HTML 요소입니다. 그러나 때로는 기존의 줄 불연속 높이가 충분하지 않은 것으로 간주되어 기록 자료의 연속 줄 사이의 간격을 늘려야 할 수도 있습니다. 이 토론에서는 CSS line-height 속성 사용 및 보조 래핑 요소 추가를 포함하여
태그의 높이를 수정하는 다양한 방법을 살펴보겠습니다. 초보자이든 숙련된 웹 개발자이든 이 매뉴얼은 웹 디자인에서
태그 높이를 조정하는 방법에 대한 포괄적인 이해를 제공합니다.

방법

br 태그의 높이를 눈에 띄게 변경하는 두 가지 방법을 살펴보겠습니다. 그 내용은 다음과 같습니다 -

  • CSS 줄 높이 속성 사용

  • 줄바꿈을 추가하세요

방법 1: CSS line-height 속성 사용

줄 바꿈 높이를 수정하는 표준 기술은 line-height라는 CSS 속성을 활용하는 것입니다. 이 속성은 텍스트 줄의 높이를 조정하는 데 사용되며
표시의 상위 요소에서 줄 사이의 간격을 확장하는 데 사용할 수도 있습니다.

이 코드 블록은 수행할 작업을 설명하는 헤더와 "br" 태그로 구분된 여러 줄의 서면 언어가 포함된 단락 구성 요소가 포함된 HTML 문서를 렌더링합니다. 이 단락 요소에 적용된 CSS 스타일은 "줄 높이"를 3으로 지정합니다. 이로 인해 텍스트 줄 사이의 세로 간격이 일반 줄 높이의 3배가 됩니다.

이 예제에서 사용할 최종 코드는 다음과 같습니다. -

으아악

방법 2: 추가 줄 바꿈 추가

줄 바꿈 높이를 변경하는 또 다른 방법은 추가
태그를 추가하는 것입니다. 이렇게 하면 텍스트 줄 사이에 더 많은 공간이 생기며, 이는 line-height 속성이 충분하지 않을 때 특히 유용합니다.

아래 코드는 간단한 지침 순서입니다. 보시다시피, 다수의
태그가 연속된 두 줄의 쓰기 또는 인쇄 사이에
태그의 수직 범위에 대한 인지도를 높이기 위해 사용됩니다.

으아악

결론

요약하자면,
태그의 세로 크기는 CSS line-height 속성을 사용하고 줄바꿈 요소로 보완하여 수정할 수 있습니다.
태그의 높이를 조정하는 기술을 익히는 것은 웹 개발의 중요한 측면이며 뛰어난 줄 간격으로 시각적으로 매력적인 웹 콘텐츠를 만드는 데 매우 유용한 능력입니다.

웹사이트에서 사용자 경험을 최적화하려면
태그 높이를 변경하는 방법을 배우는 것이 중요합니다. 이 문서에 설명된 방법을 따르면 특정 작업의 요구 사항에 맞게
마커의 높이를 쉽게 수정할 수 있습니다.

위 내용은 br 태그의 높이를 변경하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제