2014-04-10 3 views
2

은 내가 예를 들어, 텍스트 행의 끝에 한 글자 단어가 있다면 내가 무엇을 할 수 있는지 궁금합니다 (정당화) 다음 라인으로 넘어 가고 전체 라인을 정당화 했습니까? 왜냐하면 나는 <br>을 넣었을 때 충돌을 정당화하기 때문입니다. 당신이 두 단어 사이에 NO-BREAK 스페이스 U + 00A0를 사용하는 경우문자를 하나의 단어

여기, http://jsfiddle.net/P3xYv/

+5

코드를 제공해 주실 수 있습니까? 아니면 코드로 Jsfiddle? –

+0

이것은 width 만있는 간단한 코드이며 text-align : justify입니다. 나는 줄의 끝에 한 글자의 단어를 가지고 있는데, 나는이 줄에서의 칭의를 잃지 않고 다음 줄로 옮기는 법을 모른다.
이 작동하지 않기 때문에 한 글자 단어를 다음 줄로 이동 시키지만이 글자가있는 줄은 양쪽 정렬됩니다. – user3506166

+0

죄송 합니다만, 코드를 게시해야하기 때문에 노력이 아니라 오류가 발생한 곳까지 확인할 수 있습니다. –

답변

4

jsfiddle의 대신 (공백이나 줄 바꿈 같은) 정상 공백의 브라우저는 한 줄에, 함께 그 단어를 유지합니다. 예 :

여기
"Hello my name is John Smith, and I&nbsp;am 
a freshman!" 

나는 명명 된 문자 참조 &nbsp;를 사용했다,하지만 당신은 당신의 제작 환경에 입력하는 방법을 알고 제대로 문자 인코딩을 선언 한 경우에는 NO-BREAK 스페이스 자체를 사용할 수 있습니다. 대부분의 편집 프로그램에서 NO-BREAK SPACE는 일반적인 공간처럼 보입니다.

이것은 텍스트 양쪽 정렬과 독립적입니다. 예전에는 브라우저가 NO-BREAK SPACE를 정당화에서 비 신축성으로 취급했습니다. 그러나 요즘은 칭의에서 공간처럼 취급됩니다. 즉, 공간의 추가 몫을 얻습니다.

단어 사이에 늘릴 수있는 비 신축성 공간을 원한다면 더 복잡한 접근 방식이 필요합니다. U + 2005 FOUR-PER-EM SPACE 또는 기타 fixed-width space을 사용하고 HTML 또는 CSS로 line breaking is forbidden 인 요소에 단어를 래핑합니다. 예를 들어, I&nbsp;am 대신 <nobr>I&#x2005;am</nobr>을 쓰거나 "표준"인 <span style="white-space: nowrap">I&#x2005;am</span>에 부합되게 작성합니다. 그러나 이것이 앞으로는 효과가 있다는 보장은 없습니다. 브라우저가 고정 폭 문자를 이런 방식으로 지원한다는 요구 사항은 없다 (그러나 이것은 간단하고 자연스러운 구현이며 현재의 구현이다).

+0

도움 주셔서 감사합니다. 좋은 하루 되세요 :) – user3506166

관련 문제