문제

하나의 가장 큰 활자의 좌절감에 대한 HTML 는 방법입니다 그것은 망치된 공백.예를 들어 있는 경우:

<span>Following punctuation rules.  With two spaces after the period.  </span>

한 두 가지의 공간을 다음과 같은 기간 것으로 간주될 것이 하찮은 공백 제거할 수 있습니다.수은 물론,강제로 공백한 중요하다:

<span>Following punctuation rules.&nbsp; With two spaces after the period.  </span>

하지만 그것은 단지 현재 여을 해야 할 것과 나는 일반적으로 귀찮게 하지 않습니다.누군가 거기에 자동으로 삽입하는 뜻깊은 공백으로 외부 컨텐츠 제출한 웹 페이지?

도움이 되었습니까?

해결책

에 대한 귀하의 특정 예를 들어,거기에 대해 걱정할 필요가 없습니다.웹 브라우저를 수행 인쇄상의 렌더링하고 장소에 올바른 공간의 크기 사이의 기간 동안 모든 문자 다음과 같이(그리고 그에 따라 다음 문자에 따라,커닝 규칙이 있습니다.)

하려는 경우 줄 바꿈 <br /> 지 않는 정말 큰 문제입니까?


지 무엇의 가치 downmod 여기...당신이해야 되지 않을 강제로 두 개의 공백 기간 후에,를 사용하지 않는 경우 모노스페이스 글꼴입니다.에 비례 글꼴 rederer kerns 적당한 양의 공간 후는 기능이다.보 에 대한 자세한 논의가 있습니다.

다른 팁

당신이 정말로 원하는 경우 귀하의 공백을 보존하려고 css 속성:white-space:전;

또는,당신은 그냥 사용 <pre> 태그에서 당신의 마크업이 있습니다.

방법에 의해,그것은 좋은 일이는 HTML 브라우저를 무시 백색의 공간에서 일반적으로,그것은 우리를 명확하게 포맷에 소스 코드에 영향을주지 않고,출력됩니다.

그것은 되지 않을 수도 있습니다 매우 우아한,그러나 나는 적용 CSS 을 <pre> 태그입니다.

항상"흰 공간"CSS 특성,하지만 비트가 될 수 있습니다.

살펴보 pre 태그.그것을 할 수 있습니다.

당신이 사용할 수 있는 스타일을 미리 차단 공백을 유지하기 위해.가장 WYSIWYG editors 도 삽입 당신을 위해...

전반적으로,그것은 좋아하는 브라우저를 무시 whitespace.그냥 보면 소스에 이 웹사이트에 대한 자신을과 방법을 상상 미친 사이트가 모든 공간이 표시됩니다.

당신은 더 나은 사용 white-space:pre-포장보다 white-space:사전 또는 와를 들어,후자의 솔루션을 시작할 수 있는 새로운 라인에"규칙이 있습니다."그냥 있기 때문에 당신 nbreakable space hit the end of the line.

PRE 태그할 수 있는 유효한 솔루션에 따라 귀하의 필요합니다.그러나,만약 당신이 사용하려고 2 공간을 규칙에 문 귀하의 사이트를 통해,당신은 빨리 찾을 수 있는 다른 문자를 사전 태그를 보존하는 라인 피드/캐리지 리턴(또는의 부족)이 먹는 어떤 스타일링을 수행하려고합니다.

일반적으로,나를 무시하는 경향이있"2 뒤에 공백 문장"규칙,또는 당신이 중요시 그것을 위해,나는 지팡이와 함께,그러나 당신은 때때로 실행으로 문제 니콜라스을 명시합니다.

이 페이지에 대한 이 항목에 webtypography.net.해당 사이트는 다른 많은 흥미로운 것들에 대한 텍스트를 만들기 위한 웹 관점에서 타이포그래피의 것 웹 페이지의 디자이너들에 대해서도 생각하지 마십시오.그것은 읽을 가치가있다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top