CSS가 단어 사이의 간격과 단어의 왼쪽 및 오른쪽을 조정할 수 있습니까?-프런트엔드 Q&A-php.cn

CSS가 단어 사이의 간격과 단어의 왼쪽 및 오른쪽을 조정할 수 있습니까?

青灯夜游

풀어 주다： 2022-05-18 17:30:31

원래의

5716명이 탐색했습니다.

css는 단어 사이의 간격과 단어의 왼쪽 및 오른쪽을 조정할 수 있습니다. CSS에서는 letter-spacing 속성을 사용하여 단어 사이의 왼쪽 및 오른쪽 간격을 조정할 수 있습니다. 구문은 "letter-spacing: 간격 값"입니다. 이 속성은 음수 값을 사용하도록 허용합니다. 속성의 양수 또는 음수 값을 줄입니다. 문자 사이의 간격(문자 간격).

CSS가 단어 사이의 간격과 단어의 왼쪽 및 오른쪽을 조정할 수 있습니까?

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

css는 단어 사이의 간격과 왼쪽 및 오른쪽을 조정할 수 있습니다.

CSS에서는 letter-spacing 속성을 사용하여 단어 사이의 왼쪽 및 오른쪽 간격을 조정할 수 있습니다.

letter-spacing 속성은 문자 사이의 간격(문자 간격)을 설정할 수 있습니다.

문법 형식:

letter-spacing:间距值;

로그인 후 복사

간격 값: 문자 사이의 고정 간격을 정의합니다.

참고:

letter-spacing 속성은 텍스트 문자 상자 사이에 삽입되는 공백의 크기를 정의합니다. 문자 글리프는 일반적으로 문자 상자보다 좁기 때문에 길이 값을 지정하면 문자 사이의 일반적인 간격이 조정됩니다. 따라서 Normal은 0값과 동일합니다.
이 속성의 경우: 각 한자는 "문자"로 간주되며, 각 영문자도 "문자"로 간주됩니다! 그러므로 세심한 주의를 기울이십시오.

letter-spacing 속성은 음수 값 사용을 허용하며, 문자 간격은 속성의 양수 또는 음수 값에 따라 늘어나거나 줄어들 수 있습니다.

예:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<style type="text/css">
			h1 {
				letter-spacing: 10px;
			}
			
			p{
				letter-spacing: 2em;
			}
			div{
				letter-spacing: -3px;
			}
		</style>
	</head>

	<body>
		<h1>This is header 1</h1>
		<p>这是一段文本！</p>
		<div>这是一段div文本！</div>
	</body>

</html>

로그인 후 복사

CSS가 단어 사이의 간격과 단어의 왼쪽 및 오른쪽을 조정할 수 있습니까?