CSS를 사용하여 div 내부의 텍스트를 오른쪽으로 이동합니다.-CSS 튜토리얼-php.cn

CSS를 사용하여 div 내부의 텍스트를 오른쪽으로 이동합니다.

青灯夜游

풀어 주다： 2023-01-03 09:24:30

원래의

11405명이 탐색했습니다.

CSS에서는 div 요소에 "text-align: right;" 스타일을 추가하여 div 내부의 텍스트를 오른쪽으로 이동할 수 있습니다. text-align 속성은 요소 내 텍스트의 가로 정렬을 설정할 수 있습니다. 속성 값을 "right"로 설정하면 텍스트를 오른쪽으로 정렬할 수 있습니다.

CSS를 사용하여 div 내부의 텍스트를 오른쪽으로 이동합니다.

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

css는 div의 텍스트를 오른쪽으로 구현합니다

//文字右边对齐
div{text-align: right;}

로그인 후 복사

text-align 속성은 요소에 있는 텍스트의 가로 정렬을 지정합니다.

이 속성은 줄 상자가 정렬되는 지점을 지정하여 블록 수준 요소 내에서 텍스트의 가로 정렬을 설정합니다. 사용자 에이전트가 줄 내용의 문자와 단어 사이의 간격을 조정할 수 있도록 허용함으로써 값 정렬이 지원됩니다. 다른 사용자 에이전트는 다른 결과를 얻을 수 있습니다.

값	설명
left	텍스트를 왼쪽으로 정렬합니다. 기본값: 브라우저에 의해 결정됩니다.
right	텍스트를 오른쪽으로 정렬하세요.
center	텍스트를 가운데로 정렬하세요.
justify	텍스트를 양쪽 끝으로 정렬하는 효과를 얻으세요.

[추천 튜토리얼: CSS 비디오 튜토리얼 ]

예:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style type="text/css">
			div{
				width: 500px;
				padding: 10px;
				background: palegoldenrod;
			}
			.box{
				text-align: right;
			}
		</style>
	</head>

	<body>
		<div>div中的测试文本--默认</div>
		<div class="box">div中的测试文本--右边对齐</div>
	</body>

</html>

로그인 후 복사

Rendering:

CSS를 사용하여 div 내부의 텍스트를 오른쪽으로 이동합니다.