HTML의 동일한 행에있는 머리글 및 열을 수정하는 방법

-3

HTML의 다음 줄로 크기를 변경하지 않고 동일한 행의 표 머리글과 열을 정렬하는 방법 ?? 아무도 나를 도와주세요. ?HTML의 동일한 행에있는 머리글 및 열을 수정하는 방법

출처

2017-11-10 KIRAN G

안녕 @Kiran G, 당신은 당신이하려고 얼마나 많은 몇 가지 코드를 넣을 수? –

정상적인 테이블 만 사용하고 있습니다. 50 개 이상의 헤더와 10000 개의 열을 업로드하고 있습니다. 글자 사이에 공백이 있으면 자동으로 다음 줄로 점프합니다 ... 열 크기가 큰 것처럼 보입니다 ... –

헤더와 열의 수가 적어지면 외관이 매우 깨끗해집니다. 15 개 이상의 헤더와 열을 시도 할 때 . 같은 줄에 있지 않을 것입니다. 다음 줄로 뛰어 오르십시오 ... –

* white-space : nowrap *를 사용하면 다음 줄로 이동하지 않습니다.

샘플 CSS 코드 :

td, th { 
    white-space: nowrap; 
    overflow: hidden; 
    text-align: center; 
    padding: 10px; 
    text-align: left; 
    font-size: 18px; 
}

출처

2017-11-28 07:09:39

테이블 태그의 위쪽 div에 "table-responsive"클래스를 추가해야합니다. 이 옵션을 사용하면 열이 화면 크기보다 커지면 스크롤이 시작됩니다. 그리고 당신은 당신이 묘사 한 것처럼 어떤 문제에 직면하지 않을 것입니다. 자세한 내용은이 링크를 참조하십시오 ->https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_table-responsive&stacked=h

희망이 도움이 될 것입니다.

출처

2017-11-10 05:39:27

고맙습니다 ...... –

HTML의 동일한 행에있는 머리글 및 열을 수정하는 방법

답변

관련 문제