모든 브라우저에서 Div의 마지막 텍스트 줄을 정렬하려면 어떻게 해야 합니까?

Div의 마지막 줄 양쪽 맞춤

텍스트의 나머지 부분이 정렬된 경우에도 왼쪽 정렬되는 경우가 많습니다. 이는 특히 미적 또는 가독성 이유로 마지막 줄을 정당화해야 하는 경우 실망스러울 수 있습니다.

크로스 브라우저 솔루션

문서의 마지막 줄을 정당화하려면

IE6을 포함한 다양한 브라우저에서 다음 CSS를 사용할 수 있습니다.

p, h1 {
  text-align: justify;
  text-align-last: justify;
}

p:after, h1:after {
  content: "";
  display: inline-block;
  width: 100%;
}

이 방법은 text-align-last를 결합합니다: justify; :after 의사 콘텐츠 메서드를 변형하여 IE에서 지원하는 속성입니다. 또한 한 줄 텍스트 요소 뒤에 추가된 추가 공간을 제거하는 수정 사항도 포함되어 있습니다.

한 줄 텍스트 수정

한 줄의 텍스트만 포함된 경우 다음 CSS를 사용하여 이전 해결 방법으로 인해 발생할 수 있는 추가 빈 줄을 방지할 수 있습니다.

h1 {
  text-align: justify;
  text-align-last: justify;
  height: 1em;
  line-height: 1;
}

h1:after {
  content: "";
  display: inline-block;
  width: 100%;
}

추가 리소스

의 경우 자세한 내용은 참조하세요 받는 사람:

• http://kristinlbradley.wordpress.com/2011/09/15/cross-browser-css-justify-last-line-paragraph-text/

위 내용은 모든 브라우저에서 Div의 마지막 텍스트 줄을 정렬하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!