CSS에서는 div 요소에 "text-align: right;" 스타일을 추가하여 div 내부의 텍스트를 오른쪽으로 이동할 수 있습니다. text-align 속성은 요소 내 텍스트의 가로 정렬을 설정할 수 있습니다. 속성 값을 "right"로 설정하면 텍스트를 오른쪽으로 정렬할 수 있습니다.
이 튜토리얼의 운영 환경: 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 내부의 텍스트를 오른쪽으로 이동합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!