2019 년 테이블 너비 설정 방법 - 기타 - 2019

Anonim

웹 페이지에 배치되는 테이블 을 구성하는 HTML 언어 지침 (HyperText Markup Language 또는 HyperText Markup Language)은 다소 많은 추가 매개 변수를 제공합니다. 이를 통해 다른 블록 요소와 달리 CSS (Cascading Style Sheets 또는 Cascading Style Sheets)뿐만 아니라 HTML 자체를 사용하여 치수를 설정할 수 있습니다.

지시 사항

1

표 태그의 width 속성을 사용하여 표의 너비를 픽셀 단위로 지정하십시오. 태그 (HTML 명령어) 테이블은

) 및 종결 (
) 부품 사이에 태그, 성형 선 및 셀이 있습니다. 추가 매개 변수 (속성)는 시작 태그에 배치 할 수 있습니다.이 태그의 목록은 국제 표준에 따라 결정됩니다. table 태그의 경우 이러한 표준을 사용 하면 테이블너비를 픽셀 단위로 지정하는 width 특성을 사용할 수 있습니다. 너비 가 500 픽셀 인 이러한 태그가있는 가장 간단한 테이블 의 HTML 코드는 다음과 같이 보일 수 있습니다.

첫 번째 셀제 2 셀

2

테이블 너비를 픽셀 단위가 아니라 백분율로 지정해야하는 경우 너비 특성 값에 % 문자를 추가하십시오.



첫 번째 셀제 2 셀
이 백분율은 반드시 브라우저 창의 너비를 기반으로하지는 않습니다. 중첩 된 인형은 중첩 된 인형보다 넓을 수없는 것처럼 문서의 구조가 중요합니다. 따라서 테이블 너비의 100 %는 부모 요소의 너비보다 클 수 없습니다. 예를 들어 테이블이 div 블록 안에 있으면이 블록의 너비는 100 %로 간주됩니다.

3

소스 코드의 동일한 위치에서 웹 페이지에있는 테이블과 동일한 너비 를 설정하려면 스타일 시트 언어의 지침을 사용하십시오. 이렇게하려면 먼저 HTML 코드의 헤더에 (사이에) CSS 언어의 지침을 제한하는 여는 태그와 닫는 태그를 넣습니다.
/ * 여기에 CSS 지침이 있습니다. * /
다음 태그 사이에 다음 CSS 코드를 입력하십시오. table {width : 100px;} 여기서 표는 중괄호 안에있는 설명을 페이지 코드의 모든 표 태그에 적용해야 함을 나타냅니다. 음, 매개 변수 너비가 너비를 설정합니다. 여기서 상대 너비 를 백분율로도 사용할 수 있습니다.

4

모든 테이블의 너비 를 지정할 필요가 없지만 하나 또는 여러 테이블에 대해서만 CSS 코드 및 HTML 테이블 태그에 클래스 이름을 지정하십시오. 예를 들어, 협의 테이블 그룹을 표시하는 클래스를 tiny라고합니다. 그의 스타일에 대한 설명은 다음과 같을 것입니다 : table.tiny {width : 100px;} HTML 코드에서 테이블 중 하나의 해당 태그는 다음과 같습니다 :



첫 번째 셀제 2 셀

  • Excel 2013에서 셀 크기를 조정하는 방법