를 사용하지 않고 HTML에서 여러 공백을 어떻게 보존할 수 있습니까?

  없이 HTML에서 여러 공백을 유지하는 CSS

HTML에서는 일반적으로 단어 사이의 공백이 압축됩니다. 그러나 문자 수에 맞게 바코드 글꼴을 사용하는 경우와 같이 여러 개의 공백이 필요한 경우가 있습니다.   사용 여러 공백을 강제로 적용하려면 Internet Explorer 및 Firefox에서 바코드 글꼴이 적용되지 않고 공백이 생략되므로 호환성 문제가 발생합니다.

이 문제를 해결하려면 공백 CSS 속성을 활용하세요. 공백: 사전 또는 공백: 사전 줄바꿈을 설정하면 텍스트 내용이 입력으로 보존되어 여러 공백이 유지됩니다.

예를 들어 다음 CSS 및 HTML 코드는 바코드 글꼴:

.barcode {
    font-family: Courier;
    white-space: pre;
}

<span class="barcode">*AA-XXXX    *</span>

위 내용은  를 사용하지 않고 HTML에서 여러 공백을 어떻게 보존할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!