CSS 텍스트-정상 자산 소개

CSS

속성에 대한 자세한 설명 : 마지막 텍스트 줄을 완벽하게 정렬

미묘함은 종종 사용자 경험의 성공 또는 실패를 결정합니다. 텍스트 그림자 및 요소 간격과 같은 세부 사항은 웹 사이트의 전체보기에 영향을 줄 수 있습니다. text-align-last 속성은이를 위해 생성되며, 특히 양쪽 끝에서 텍스트 정렬을 처리 할 때 텍스트 블록의 마지막 줄 또는 강제 새 라인의 이전 줄의 정렬을 정확하게 제어 할 수 있습니다. 이 기사는 사용 가능한 값, 브라우저 지원 및 특정 브라우저 동작을 포함하여

속성의 심층적 인 측면을 탐색합니다.

text-align-last 사용 및 사용 가능한 값

사용 text-align-last 속성은 매우 간단합니다. 다음 코드 스 니펫은 마지막 텍스트 줄을 오른쪽으로 정렬합니다.

속성에는 ,

, , , , , ,

및 가 7 개의 값이 있습니다. 처음 세 값은 마지막 텍스트 라인을 각각 왼쪽, 오른쪽 및 중앙에 정렬합니다.

text-align-last 값은 양쪽 끝에서 마지막 텍스트 줄을 정렬하고 단어 간격을 조정하여 컨테이너 공간을 채 웁니다. 텍스트 길이에 따라이 속성은 마지막 줄에서 큰 공백을 효과적으로 피할 수 있습니다.

.intro-graph {
  text-align: justify; /* IE 和 Edge 浏览器需要 */
  text-align-last: right;
}

값은 텍스트 방향 (왼쪽에서 오른쪽 또는 오른쪽에서 왼쪽에서 왼쪽에서 왼쪽에서 오른쪽에서 오른쪽으로)에 따라 텍스트를 줄의 시작에 맞 춥니 다. 왼쪽에서 오른쪽 언어의 경우,

와 동일합니다. 값은 반대이며 텍스트 방향에 따라 선의 끝에 정렬됩니다. left right 값은 기본값이며, center 속성의 값에 따라 마지막 행을 정렬합니다. 가 justify이면 start는 end와 동일합니다. auto 예방 조치

사양은 속성이 적용하려면 속성이 justify로 설정되어야한다고 규정합니다. 그러나 IE 및 Edge 브라우저 만이이 규칙을 따릅니다. 이 속성은 Firefox 및 Chrome 브라우저가 설정되지 않은 경우에도 제대로 작동합니다.

속성은 컨텐츠의 절대 마지막 줄이 아니라 지정된 요소 내의 모든 단락의 마지막 줄에 영향을 미칩니다. 절대 마지막 행만 정렬하려면 또는 단락에 하나의 줄만있는 경우 속성이 명시적인 첫 번째 줄 정렬을 지정하지 않는 한 start 속성이 속성보다 우선합니다 (예 : ). left 브라우저 지원 right 실험용 웹 플랫폼 기능을 활성화하여 Chrome 및 Opera 브라우저 (버전 35 이상)에서 속성이 지원됩니다. 버전 47 및 34로 시작하여 크롬 및 오페라 브라우저는이 속성을 완전히 지원합니다. end
Firefox 브라우저에는

접두사가 필요합니다. 즉, 브라우저는 -moz- 요약 start end 모든 브라우저가 완전히 지원되는 것은 아니지만 광범위한 응용 프로그램 시나리오로 인해 웹 사이트 텍스트 조판을 개선하는 데 중요한 도구가됩니다. 이 속성을 합리적으로 사용하면 웹 사이트의 전반적인 미학 및 사용자 경험이 크게 향상 될 수 있습니다.

css

속성에 대한 FAQS

(원본 텍스트의 FAQ 부분은 기사가 너무 길고 의사 원리 목표와 일치하지 않기 때문에 여기서 생략됩니다. FAQ 부품의 내용은 필요에 따라 보충되거나 수정 될 수 있습니다.) >

위 내용은 CSS 텍스트-정상 자산 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!