HTML로 센터 작성하는 방법

HTML에서는 CSS 스타일을 사용하여 가운데 정렬을 수행할 수 있습니다. 가로 가운데 정렬: 텍스트 정렬 속성 사용(예: text-align: center;) 세로 가운데 정렬: 세로 정렬 속성 사용(예: 수직 정렬: 중간 ;)

HTML에서 가운데 ​​정렬

HTML에서는 CSS 스타일을 사용하여 요소의 가운데 정렬을 제어할 수 있습니다. 센터링을 수행하는 방법에는 수평 센터링과 수직 센터링이라는 두 가지 방법이 있습니다.

가로 중심 맞추기

text-align 속성을 ​​사용하여 요소를 가로 가운데에 배치할 수 있습니다. 이 속성의 값은 다음과 같습니다. text-align 属性将元素水平居中。该属性的值可以是：

• left： 将元素左对齐
• center： 将元素居中对齐
• right： 将元素右对齐

例如，要水平居中一个段落，可以使用以下代码：

<code class="html"><p style="text-align: center;">水平居中的段落</p></code>

垂直居中

要垂直居中一个元素，可以使用 vertical-align

• left: 요소를 왼쪽으로 정렬
• center: 요소를 가운데로 정렬
• right: 요소를 오른쪽으로 정렬

예를 들어 단락을 가로로 가운데에 정렬하려면 , 다음 코드를 사용할 수 있습니다:

<code class="html"><img src="image.jpg" style="vertical-align: middle;"></code>

Vertical Centering

요소를 수직으로 가운데에 맞추려면 vertical-align 속성을 ​​사용할 수 있습니다. 이 속성의 값은 다음과 같습니다. 🎜🎜🎜🎜top: 🎜 요소 위쪽 정렬 🎜🎜🎜middle: 🎜 요소를 수직으로 가운데 정렬 🎜🎜🎜bottom: 🎜 요소 아래쪽 정렬 🎜🎜🎜 예를 들어, 요소를 수직으로 가운데 정렬 이미지, 다음 코드를 사용할 수 있습니다. 🎜

<code class="css">.centered {
  text-align: center;
  vertical-align: middle;
}</code>

🎜 다음 CSS 규칙을 사용하여 가로 및 세로 가운데 맞춤을 모두 구현할 수도 있습니다. 🎜rrreee🎜 이 클래스를 요소에 적용하면 가로 및 세로 모두 가운데에 배치됩니다. 🎜

위 내용은 HTML로 센터 작성하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!