HTML에 텍스트를 표시할 때 공백과 줄 바꿈을 어떻게 보존할 수 있습니까?

HTML에서 문자열을 렌더링할 때 공백과 줄바꿈을 유지하는 방법

웹 개발에서는 공백과 줄을 유지하는 등 특정 형식으로 텍스트를 표시하는 것이 바람직한 경우가 많습니다. 휴식. 그러나 기본적으로 HTML은 이러한 요소를 무시하므로 모든 텍스트가 한 줄에 표시됩니다.

해결책: 공백 사용: pre-wrap;

원본을 유지하는 효과적인 방법 중 하나 HTML의 문자열 형식 지정은 공백을 적용하는 것입니다: pre-wrap; 텍스트 컨테이너에 스타일을 적용합니다. 이 CSS 규칙은 브라우저가 공백과 줄 바꿈을 모두 유지하면서 텍스트를 있는 그대로 표시하도록 합니다.

다음 예를 고려하세요.

<div>

렌더링되면 이 코드는 문자열을 정확하게 표시합니다. 모든 공백과 줄 바꿈을 포함하여 작성된 대로 작성하여 원래 형식이 유지되도록 합니다.

위 내용은 HTML에 텍스트를 표시할 때 공백과 줄 바꿈을 어떻게 보존할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!