당신은 여전히 텍스트를 포장하면서, 공간의 순서를 유지하기 위해 white-space: pre-wrap
를 사용할 수 있습니다
<p style="white-space: pre-wrap;">Lorem ipsum. Dolor sit amet.</p>
이것은 IE 8 모드에서 IE 8까지 IE에서 지원되지 않으며 3.0까지 파이어 폭스에서되지 않습니다.
또한 공간 하나 em
또는 1 en
전체에 대한  
또는  
를 사용할 수 있습니다. 나는 이것들이 얼마나 광범위하게 지원되는지는 모르지만 Mac OS X의 최신 WebKit과 Firefox에서 작동하는 것으로 보입니다.
두 개의
문자 시퀀스는 해당 공간에서 줄 바꿈을 방지합니다. 그것은
이 의미하는 것입니다. 시퀀스 A sentence. Another.
을 사용하면 두 번째 줄에
이 나타나며, 텍스트를 약간 들여 쓰는 것이 바람직하지 않을 수 있습니다. 시퀀스 A sentence. Another.
은 줄 바꿈과 함께 여분의 들여 쓰기를 추가하지 않아도 제대로 작동하지만 줄 바꿈 부분에
이있는 양쪽 맞춤 텍스트에 사용하면 해당 줄이 올바르게 정렬되지 않습니다.
은 누군가의 이름을 쓰는 경우를 말합니다. 예를 들어 Mr. Torvalds
또는 약어가 .
으로 끝나야합니다.이 규칙에서 사람들은 혼동을 피하고 문장이 끝났다고 생각하지 않기 위해 줄을 가로 지르지 않아야한다고 말합니다.
그래서
의 시퀀스를 사용하는 것은 바람직하지 않습니다. 이것은 문체 효과이므로 white-space: pre-wrap
을 사용하는 것이 좋으며 스타일을 지원하지 않는 플랫폼에서는 스타일이 조금 이상적이지 않다고 받아 들여야합니다.
편집 : 의견에서 지적한대로 은 text-align: justify
과 작동하지 않습니다. 그러나 BrowserShots (불쾌한 광고, 다소 색다른 느린 광고)을 사용하여 sampler of different entities을 테스트했지만 무료로 제공되는 매우 유용한 서비스입니다. 꽤 다양한 브라우저에서 매우 다양한 플랫폼을 지원하며,  
과  
을 지원합니다. 일부는 여전히 공백을 사용하지 않으므로 렌더링이 나쁘지 않으며 Windows 2000의 IE 6 만 실제로 렌더링됩니다 상자처럼 부서졌다. BrowserShots는 제가 원하는 정확한 브라우저/OS 콤보를 선택할 수 없기 때문에 XP에서 IE 6을 선택할 수 없기 때문에 다른 점이 있는지 확인하십시오. 그래서, Win2K (그리고 어쩌면 XP)에서 Internet Explorer 6를 사용할 수있는 한 그럴듯한 대답입니다.
또 다른 가능한 해결책은 "."문자 조합에 대한 커닝 쌍이있는 글꼴을 찾아서 (또는 만들어서) 더 넓게 벌릴 수 있습니다. 이 시점에서 모든 주요 브라우저에서 @font-face
을 지원합니다. IE 5.5 (IE는 다른 브라우저와 다른 형식을 사용하지만)를 포함하여 자신의 글꼴을 사용하는 것이 실제로 합리적이되어 사용자의 기본 글꼴로 다시 떨어지는 경우 if 지원되지 않으면 아무 것도 깨뜨리지 않습니다.
마지막으로 CSS위원회에서 문장 끝에 공백이 더 많이 오도록 지정할 수있는 스타일 기능을 추가하는 방법이 있습니다 (마침표 다음에 공백이오고 약어와 약자는 넓은 공간을 피하기 위해
이 필요합니다. CSS위원회는 현재 고급 타이포그래피 지원 추가에 대해 논의하고 있으므로 이제는 그러한 기능을 논의하기에 좋은시기가 될 것입니다.
네, 전 세계의 다른 지역에 다른 규칙이 있습니다. 나는 이것을 명시한 규칙을 따르고 있음을 암시한다고 생각했습니다. :) (단점은 HTML로 인해 분명히 트레이드 오프를해야한다는 것입니다.) –
모노 스페이스 글꼴과 벙어리 출력 장치를 사용했을 때이 전체 "2 개의 넌센스 이후 공간"이 발명되었습니다. 현대 타이포그래피 엔진이이 작업을 수행합니다. 기본 동작을 무시하지 * 않습니다. –
프랭크 : 독립 선언문은 타이프되지 않았지만 이것을 사용합니다. 불행하게도 저는 TeX와 같은 현대 타이포그래피 엔진을 사용할 수 없습니다. HTML을 사용해야합니다. –