CSS에서는 "text-align" 속성을 사용하여 hr 중심을 설정할 수 있습니다. 이 속성의 기능은 요소의 가로 정렬을 지정하는 것입니다. "text-align:center;"만 추가하면 됩니다. hr 요소에 스타일을 추가합니다.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
css에서 hr 중심 정렬을 설정하는 방법
css에서는 "text-align:center;" 속성을 사용하여 hr 중심 정렬을 설정할 수 있습니다. 요소에서.
이 속성은 줄 상자가 정렬되는 지점을 지정하여 블록 수준 요소 내에서 텍스트의 가로 정렬을 설정합니다. 사용자 에이전트가 줄 내용의 문자와 단어 사이의 간격을 조정할 수 있도록 허용함으로써 값 정렬이 지원됩니다. 다른 사용자 에이전트는 다른 결과를 얻을 수 있습니다.
예제는 다음과 같습니다.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <style type="text/css"> hr{ width:50%; text-align:center; } </style> <h1>HTML</h1> <p>HTML 是用于描述 web 页面的一种语言。</p> <hr> <h1>CSS</h1> <p>CSS 定义如何显示 HTML 元素。</p> </body> </html>
출력 결과:
(학습 영상 공유:
css 영상 튜토리얼위 내용은 CSS에서 hr을 중앙에 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!