단락 너비는 변경되지 않습니다. 텍스트 정렬 : 양쪽 정렬.

Question

내가 텍스트의 내 단락은 약 800 픽셀로 원하고, 내가 할 때 브라우저가 내가 하단 스크롤 막대의 사용을 피하고 싶은 작은 폭, 나는이 마크 업을 가진 800 픽셀 너비 달성 :

CSS를

내가 브라우저 폭을 변경할 때

.center-justified { 
    text-align: justify; 
    margin: 0 auto; 
    width: 800px; 
} 

HTML

<p class="center-justified"> Lot of Text </p> 

그러나 텍스트의 단락은, 흐르지 않는다.

내가 사용하는 다른 방법은 브라우저 폭을 작게 만들 때 텍스트 단락을 흐르게하지만 800px로 만들 수는 없으며 전체 페이지를 사용합니다.

내 마크 업, CSS

p.center { text-align: center; text-align: justify; } 

HTML을

<p class="center"> Lot of Text </p> 

그리고 난 그냥 <p> Lot of Text </p>가 위와 같은 출력이 사용하는 경우. 당신이 800 픽셀에 최대 폭을 설정하면 jsfiddle

Answer 1

:

여기 내가 사용하는 전체 마크 업입니다. 가능한 경우 800px 너비를 확보 할 수 있습니다. 그렇지 않으면 걸릴 수있는 최대 공간이 필요합니다.

.center-justified { 
    text-align: justify; 
    margin: 0 auto; 
    max-width: 800px; 
} 

Demo