HTML 테이블에서 텍스트를 가로 및 세로 가운데에 배치하려면 어떻게 해야 합니까?
HTML 테이블의 텍스트를 수평 및 수직으로 정렬
HTML 테이블에서 각 셀 내의 텍스트를 수평 및 수직으로 중앙에 배치합니다. 데이터의 표현과 가독성을 향상시킬 수 있습니다. 이를 달성하기 위한 자세한 지침은 다음과 같습니다.
수평 정렬
텍스트를 수평으로 가운데에 맞추려면 text-align CSS 속성을 사용하세요. 텍스트 정렬 추가: 센터;
세로 정렬
세로 정렬에는 CSS의 Vertical-align 속성을 적용하세요. 수직 정렬 설정: 중간; 텍스트가 셀 내에서 세로 중앙에 위치하도록 합니다. 이 속성은 셀 높이에 따라 조정해야 할 수도 있습니다.
인라인 스타일 지정의 예
테이블 내에서 인라인 스타일을 사용하여 다음 정렬을 적용할 수 있습니다.
<code class="html"><table border="1"> <tr> <td style="text-align: center; vertical-align: middle;">Text</td> <td style="text-align: center; vertical-align: middle;">Text</td> </tr> </table></code>
CSS를 사용한 예 클래스
또는 CSS 클래스를 생성하여 정렬을 적용할 수 있습니다.
<code class="css">.center-text { text-align: center; vertical-align: middle; }</code>
그리고 이를 테이블에서 사용할 수 있습니다.
<code class="html"><table border="1"> <tr> <td class="center-text">Text</td> <td class="center-text">Text</td> </tr> </table></code>
기억하세요. 셀의 지정된 높이와 너비는 수직 정렬에 영향을 줄 수 있습니다. 원하는 결과를 얻으려면 필요에 따라 값을 조정하세요.
위 내용은 HTML 테이블에서 텍스트를 가로 및 세로 가운데에 배치하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











Smart Forms 프레임 워크로 JavaScript 연락처 양식 작성

5 개의 최고의 PHP 양식 빌더 (및 3 개의 무료 스크립트) 비교
