약간의 레이아웃 문제가 있습니다. 고객 웹 사이트에서 작은 상자에 사람들의 연락처 정보를 표시합니다. 상자의 너비는 제한됩니다. 그것이 일어날 때, 매우 긴 이름을 가진 사람들이 있습니다 (이것은 독일에 있습니다. 결국 ...), 이메일 주소는 주어진 이름과 성을 연결 한 것입니다. 결과 : 특정 이름을 사용하면 전자 메일 주소가 about 상자에 지정된 제약 조건을 오버플로합니다.HTML : 대시없는 부드러운 하이픈 ()?
삽입과 같은 올바른 줄 바꿈에 @ 결과 전 ­ 있지만 같습니다
john.doe-
@example.com
하면 해당 대시를 억제 할 수 있습니까? 나는 <br />을 사용하고 싶지 않다. 왜냐하면 90 %의 이름에서 사용 가능한 너비가 충분하기 때문이다.
이것이 브라우저 간 상호 작용을 잘 모르지만 ( )
또는 0이 아닌 공백 (
++​)을 사용할 수 있습니다.
john.doe @example.com
++ 나는 제로 폭 공간을 사용하는 것이 좋습니다, 같은 분명히 일부 브라우저 올바르게 렌더링하지 않을 것 (source).
도움이 될 나는 현대를 보는 싶네 올바르게 렌더링되지 않는 브라우저. 링크 된 페이지에는 두 개의 추적 된 버그에 대한 정보가 있으며 둘 다 고정되어 해결됩니다. – Sapph
브라우저에서이 전자 메일을 복사하여 Outlook, 메모장 등에 붙여 넣는 경우를 제외하고는'john.doe? @ example.com'이 표시됩니다. – joshcomley
@joshcomley 저는 방금 저의 게시물에있는 예제를 사용하여 이것을 시도했습니다. 그런 문제는 없었다. – Sapph
CSS 속성 word-wrap을 살펴볼 수 있습니다.
그리고 this page은 원하는대로 수행하는 것 같습니다.
'워드 브레이크 : 브레이크 모두,'당신에게 – Denis