>웹 프론트엔드 >CSS 튜토리얼 >내 텍스트에서 하이픈 뒤의 줄 바꿈을 방지하려면 어떻게 해야 합니까?

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

DDD
DDD원래의
2024-12-12 21:25:10861검색

How Can I Prevent Line Breaks After Hyphens in My Text?

하이픈 뒤 줄 바꿈 방지

하이픈이 포함된 텍스트로 작업할 때 하이픈 뒤에 줄 바꿈이 발생하는 문제가 발생할 수 있습니다. 바람직하지 않은 시각적 효과를 만들어냅니다. 이 문제는 하이픈으로 연결된 측정값이나 한 단어로 함께 유지되어야 하는 기타 요소를 처리할 때 특히 두드러집니다.

Safari와 같은 브라우저에서는 너비가 0인 중단 없는 문자를 인식하지 못하기 때문에 이 문제가 발생할 수 있습니다. () 줄 바꿈을 방지할 때. 이러한 상황을 해결하기 위해 여러 브라우저에서 보편적으로 작동하는 대체 솔루션은 잘림 방지 하이픈(‑)입니다.

잘림 방지 하이픈을 활용하면 줄 바꿈을 방지할 수 있습니다. 특정 하이픈 다음에 중단이 발생하지 않습니다. 일반 하이픈을 ‑ 문제가 있는 경우 좁은 표시 영역에서도 하이픈으로 연결된 텍스트가 손상되지 않고 깨지지 않도록 합니다.

이 접근 방식을 보여주기 위해 다음 예를 고려하십시오.

원본 텍스트: 3-3/8"

줄바꿈 없이 수정된 텍스트 하이픈: 3‑3/8"

잘림 방지 하이픈을 통합하면 디스플레이 크기나 뷰포트 너비에 관계없이 하이픈 뒤에 줄 바꿈이 발생하는 것을 방지할 수 있습니다. 이 솔루션은 다양한 브라우저와 장치에서 하이픈으로 연결된 텍스트의 무결성을 유지하기 위한 안정적이고 효과적인 방법을 제공합니다.

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.