CSS에서는 쓰기 모드 및 텍스트 방향 속성을 사용하여 텍스트 방향을 조작할 수 있습니다. 본 이미지처럼 오른쪽을 향하는 세로 방향의 텍스트를 얻으려면 이러한 속성의 조합이 필요합니다. 그러나 텍스트 방향은 모든 브라우저에서 보편적으로 지원되지 않는다는 점은 주목할 가치가 있습니다.
원래 시도 코드:
div { writing-mode: vertical-rl; text-orientation: sideways; }
변환을 사용한 솔루션:
div { writing-mode: vertical-rl; transform: scale(-1); }
원래 코드는 옆으로 사용하려고 합니다. 그러나 더 넓은 브라우저 호환성을 위해 이를 크기 변환으로 대체할 수 있습니다. 변환: 스케일(-1) 규칙을 사용하면 텍스트가 수평으로 뒤집어 방향이 바뀌고 효과적으로 오른쪽 수직 텍스트 정렬이 생성됩니다.
HTML:
<div>dimanche</div>
위 내용은 CSS에서 수직 오른쪽 텍스트 방향을 달성하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!