HTML에서 공백을 사용하는 방법

white-space는 HTML의 태그이므로 오늘은 이 속성을 사용하는 방법과 이 속성을 사용할 수 있는 상황에 대한 몇 가지 대중 과학을 알려드리겠습니다.

white-space norma nowrap은 모든 텍스트를 모든 텍스트 내용이 줄 바꿈 없이 한 행에 표시되도록 같은 줄에 표시됩니다.

텍스트가 자동으로 줄바꿈되는 것을 방지합니다. CSS 너비가 아무리 설정되어 있어도 모든 텍스트가 한 줄에 표시됩니다. 특히 제목 목록의 경우 한 줄에 하나의 제목 내용만 표시하고 싶지만 때로는 너비가 제한되어 제목 텍스트의 너비(너비)가 너무 많아 제한되어 이때 텍스트가 자동으로 줄 바꿈됩니다. , 공백 스타일을 사용하여 줄 바꿈 없이 표시할 수 있습니다. 물론 과도한 텍스트 내용을 숨기기 위해 CSS overflow:hidden 스타일을 추가할 수 있습니다.

white-space 구문:

white-space: 일반 nowrap

white-space 매개변수:

normal: 기본 처리 방법

nowrap: 모든 텍스트가 텍스트 끝까지 같은 줄에 표시되도록 강제합니다. 또는 br 태그 객체를 만나면 줄을 바꾸세요. 줄바꿈을 강제로 하지 않으려면 공백:nowrap을 사용하는 것이 좋습니다.

white-space는 객체 내에서 텍스트 표시 모드를 설정하거나 검색합니다. 보통 우리는 내용을 한 줄에 표시하도록 강제하기 위해 사용합니다

보통 우리는 white-space:nowrap을 사용하여 텍스트 내용이 줄 바꿈되지 않도록 강제하고 객체 내에서 모든 텍스트 내용을 한 줄에 표시합니다.

2개의 개체 상자를 설정했는데, 한 가지 설정으로 인해 피어가 텍스트 콘텐츠를 표시하게 되었습니다. 두 번째 설정은 피어를 강제로 표시하지만 html br 태그를 사용하여 효과를 관찰합니다. 공백 대소문자 적용 효과를 위해 CSS 너비를 120px, CSS 높이를 60px, CSS line-heightline-height를 20px로 설정했습니다.

css code

<style> 
div{ width:120px; height:60px; line-height:20px} 
.div{ white-space:nowrap} 
</style>

2.HTML code snippet

<div class="div">内容将在一行内强制显示完整</div> 
<div class="div">内容使用br换行<br /> 
将会不被<br />换行显示</div>

매일 텍스트 내용을 한 줄로 표시하려면 너비가 부족하더라도 공백 스타일을 사용할 수 없습니다. 하지만 html br 강제 줄 바꿈 태그가 나타나면 공백 설정 여부에 관계없이
에 의해 줄 바꿈이 강제로 적용됩니다.

공백을 너무 오랫동안 소개했으니 이해하셨을 거라 믿습니다. 더 흥미로운 내용을 보려면 이 사이트의 다른 업데이트에 계속 관심을 가져주세요.

관련 읽기:

html에서 라벨 태그를 사용하는 방법

DIV 배경 이미지 배경을 설정하는 방법

HTML 제목 태그 요소를 수정하는 방법

위 내용은 HTML에서 공백을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!