본문 바로가기

CSS🔧/css table 표관련5

table caption 버그로 td 넓이지정 불가 표의 제목 즉 th 가 없는 디자인의 표를 만들때 넓이가 조정 되지않는다. 이유는 caption 에 position absolute 가 걸려있기 때문 (이유는 나도몰랑) 해결해주기 위해서 포지션을 초기화 시켜 버린다. 그럼 .news_page table caption { position: static; } 그럼 캡션이 1X1 로 잡히나 크게 영향이 없음 (가상의 th를 만들어주는건 접근성에 위반대므로 안됨) 테이블 캡션버그 - 테이블에 가 없을 경우 발생 - 이 position: absolute 일 경우 칸의 길이 조정이 안됨 방법1 colgroup 을 만들어 col width 로 지정해준다 단 > html 태그를 일일히 조정해주어야하기때문에 매우 번거롭고 백엔드에서 작업할때도 불편 방법2 해당페이지에서.. 2022. 11. 2.

css table thead 미적용 표만들기 이슈 table-layout: auto; 기존 thead 가 적용되어있는 표를 만들때 , 객실명 넓이를 .tbl_fee_wrap .col01 { width: 20%; } width: 20%; 지정해주었을 경우 제대로 적용이 되었었다. .tbl_fee_wrap .col01 { width: 20%; } thead가 없으면 table-layout 초기화 해야함 .inquiry_page .inquiry_area table { table-layout: auto; } 2022. 10. 6.

css table 표만들기 툴 이용하기 tablesgenerator tablesgenerator 사용하기 do not css 체크 (html만 필요하기 때문) 칸 열 추가 한개씩 클릭 지우는건 선택하고 리무브 병합할 칸 잡고 머지 Generate 눌러서 카피 > html 적용 https://www.tablesgenerator.com/html_tables 2022. 10. 5.

css table만들기 (칸병합) 표 칸 병합 병합할 html th 태그에 scope rowspan"3" 열 row를 3칸 병합하라 Executive Suite Room 그리고 칸에 흡수되는 th Executive Suite Room 를 지워줌 heigth 줄경우 글자가 많은 칸은 위아래로 붙어버림 padding 권장 알아서 떨어짐 금액 부분 정렬은 클래스를 따로줌 4, 800, 000 중간에 칸병합이 있는 복잡한 표는 이렇게 만들기 넘 어렵 툴을 사용하자 https://www.tablesgenerator.com/html_tables 2022. 10. 5.

html/css table 표만들기 : 표만들기 : 표의 제목 지정 필수 : table 첫번째 표분류 행의 제목 지정 (tr로 제목열 생성>th 칸의 제목생성) : table의 body 생략가능 : table head 표의칸 제목 / 중앙정렬 : table row 열 (가로줄) / 왼쪽정렬 : table data 셀 (내용) / 왼쪽정렬 (tr의 하위속성) th : 제목 표의 제목 필수 표 행의 제목 표의 열 표의칸 (제목) 제목 tr : 열 생성 td:내용 td:내용 td:내용 실습 긴제목 말줄임표시 .board_list_wrap .link { white-space: nowrap; max-width: 90%; display: inline-block; text-overflow: ellipsis; overflow: hidden; } 제목 넓.. 2022. 9. 30.

이전 1 다음

티스토리툴바