CSS에서 중국어 텍스트 간격을 조정하는 방법
- 青灯夜游원래의
- 2022-01-20 16:56:358807검색
CSS에서는 letter-spacing 속성을 사용하여 한자 사이의 간격을 조정할 수 있습니다. 이 속성의 기능은 문자 사이의 간격을 늘리거나 줄이는 것입니다. 즉, 추가하기만 하면 되는 문자 간격을 설정하는 것입니다. 중국어 텍스트 요소에 대한 "문자 간격: 간격" 스타일이면 충분합니다.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
CSS에서는 letter-spacing 속성을 사용하여 한자의 간격을 조정할 수 있습니다.
letter-spacing 속성은 문자 사이의 간격을 늘리거나 줄일 수 있습니다. 즉, 문자 간격을 설정합니다.
문자 간격 속성은 텍스트 문자 상자 사이에 삽입되는 공백의 크기를 정의합니다. 문자 글리프는 일반적으로 문자 상자보다 좁기 때문에 길이 값을 지정하면 문자 사이의 일반적인 간격이 조정됩니다. 따라서 Normal은 0값과 동일합니다.
참고: 음수 값이 허용되며, 이로 인해 문자가 서로 더 가까워집니다.
예:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.css2 {
letter-spacing: 1em;
}
.css3 {
letter-spacing:-3px;
}
</style>
</head>
<body>
<p class="css1">这是一段文字，正常字间距</p>
<p class="css2">这是一段文字，字间距为1em</p>
<p class="css3">这是一段文字，字间距为-3px</p>
</body>
</html>
(동영상 공유 학습: css 동영상 튜토리얼)
위 내용은 CSS에서 중국어 텍스트 간격을 조정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：CSS3 영역을 구현하는 방법다음 기사：CSS3 영역을 구현하는 방법