모든 브라우저에서 DIV의 마지막 줄을 어떻게 정당화할 수 있습니까?

DIV의 마지막 줄 정당화: 포괄적인 접근 방식

DIV의 마지막 줄 정당화는 일반적으로 어려운 일이 될 수 있습니다. 기본적으로 왼쪽 정렬됩니다. 그러나 IE6 이상을 비롯한 여러 브라우저에서 이 문제를 효과적으로 해결하는 방법이 있습니다.

이 방법은 CSS 속성 조합을 활용합니다.

• text-align- last: justify: Microsoft에서 도입한 이 속성은 IE에서 지원됩니다. browsers.
• :after pseudo-content: 이 의사 요소는 DIV의 너비를 확장하는 보이지 않는 인라인 블록을 생성합니다.

또한 한 줄짜리 텍스트 요소인 경우 다음을 권장합니다.

• 요소의 높이와 줄 높이를 다음으로 설정합니다. 불필요한 빈 줄을 방지하려면 1em을 사용하세요.

CSS 구현:

DIV의 마지막 줄을 정당화하려면 다음 CSS 규칙을 사용할 수 있습니다.

한 줄 텍스트 요소의 경우 다음은 다음과 같습니다. 필수:

자세한 설명:

• text-align-last: justify: 마지막 줄의 정렬을 지정합니다. 블록 요소에서.
• :의사 콘텐츠 뒤: text-align: justify 속성이 마지막 줄에 적용되도록 DIV의 너비를 늘리는 빈 인라인 블록을 만듭니다.
• 높이 및 줄 높이: 한 줄의 경우 텍스트 요소에서 높이와 줄 높이를 1em으로 설정하면 정렬된 마지막 줄 뒤에 빈 줄이 나타나는 것을 방지할 수 있습니다.

이것은 결합된 접근 방식을 사용하면 DIV의 마지막 줄이 여러 브라우저에서 정렬되어 전문적이고 미학적으로 만족스러운 레이아웃을 제공할 수 있습니다.

위 내용은 모든 브라우저에서 DIV의 마지막 줄을 어떻게 정당화할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!