CSS 단어 줄 바꿈으로 인해 단어 사이에 큰 공간이 생깁니다.

Question

안녕하세요! 창 크기를 조정하면 텍스트가 컨테이너에 맞게 자동으로 줄 바꿈됩니다. 이를 위해 다음 CSS 코드를 사용하고 있습니다.

article { 
    overflow: auto; 
    word-wrap: break-word; 
} 

그래도 이것이 아무런 영향을 미치지 않겠지 만. 이 코드를 제거하면 동작이 변경되지 않습니다. 텍스트는 줄 끝 부분에 계속 감겨 있습니다.

단어 사이의 거대한 간격에 대해 불평하고 있습니다. 나는 이것을 위해 여분의 코드가 사용되지 않고 여전히 잘 작동하는 몇몇 웹 페이지를 보았습니다. 우주를 없앨 수있게 도와 주실 수 있습니까? 고맙습니다!

Answer 1

text-align: justify이 상위 html 태그로부터 상속 되었음에 동의합니다. 당신은 또한 다음과 같이 CSS를 수정 시도 할 수 : 코멘트 article에서 언급 한 바와 같이

article { 
    overflow: auto; 
    word-wrap: break-word; 
    text-align: start; 
} 

Answer 2

는 text-align: justify;을 상속 할 것으로 보인다. justify` 다른 곳에 정의 :

http://jsfiddle.net/awesome/zs394/2/

article, .unjust { 
    /* regular */ 
    text-align: left; 

    /* super strength */ 
    text-align: left !important; 
}