HTML에서 하이픈 뒤의 줄 바꿈을 방지하려면 어떻게 해야 합니까?

하이픈 뒤 줄 바꿈 극복

특정 브라우저 호환성 요구 사항을 적용할 때 하이픈 뒤 줄 바꿈을 방지하는 문제가 발생합니다. 예를 들어 Safari에서는 "3-n3/8"과 같은 예에서 볼 수 있듯이 하이픈으로 인해 줄 끝에서 줄바꿈이 발생할 수 있습니다.

브라우저에 구애받지 않는 방식으로 이 문제를 해결하려면 분리 하이픈 문자(‑)를 사용할 수 있습니다. 너비가 0인 줄 바꿈 문자와 달리 이 문자는 하이픈 뒤의 줄 바꿈을 효과적으로 방지합니다.

구현:

단순히 표준 하이픈(-)을 비-문자로 바꾸면 됩니다. HTML 코드에서 하이픈 문자를 끊습니다. 예를 들면 다음과 같습니다.

<p>
  3-&amp;#8209;3/8&amp;rdquo;
</p>

이점:

잘라내지 않는 하이픈:

• 대소문자에서 하이픈 뒤 줄 바꿈을 방지합니다. 개별적으로.
• 모든 전공과의 호환성을 유지합니다.
• 특정 상황에서 줄 바꿈을 정밀하게 제어할 수 있습니다.

잘림 방지 하이픈을 활용하면 개발자는 하이픈이 그대로 유지되고 보기 흉한 줄 바꿈이 발생하지 않도록 할 수 있습니다. , 사용된 뷰포트 크기나 브라우저에 관계없이

위 내용은 HTML에서 하이픈 뒤의 줄 바꿈을 방지하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!