zi0ung

반응형 홈페이지 테이블 태그

반응형 홈페이지 작업할 때 테이블 태그가 제일 애매한것 같네요 ..

테이블을 깨도 안깨도 ,,

 

혹시 여러분들은 테이블 태그 반응형 작업 할 때 어떤 방식을 선호하시나요 ?

|

댓글 6개

예시코드 주고 챗gpt한테 부탁해보세요
스타일로 덮으면 테이블 태그로도 변신은 가능하겠으나 불필요한 노력이 많이 들죠.
아주 오래전 과도기에 새로운거 공부하기 싫다고 외칠때라면 모를까... 굳이 테이블을 유지하면서 뭘 어떻게 해볼 방법을 찾을 가치는 없죠.
테이블을 좀 놓아줍시다..ㅠㅠ
테이블을 단순히 표 형식의 용도로 이용중이라면 화면이 줄어들면 스크롤이 생기게 하는 방식으로 이용하시면 됩니다.

테이블을 div로 감싼 후
overflow:auto;

테이블에는 min-width 값을 적당히 주시면 되구요
가로가 길때는 가로 스크롤 나오도록 하죠~~~~
overflow:auto; 가 최선의 방법이긴 한데,
게시판 글 쓰기에 이걸 지원하기가 넘 힘들어요.
즉, 일반 페이지에서 코딩을 자유자재로 쓸 수 있을 때만 사용 가능함.
현재 에디터에서는 이런 코드를 자동으로 삭제하기 때문에
에디터 뜯어 고쳐야 하고 overflow:auto; 넣는 기능도 만들어야 하고...
게시판에 표를 올리는 경우가 많지는 않지만
굳이 넣겠다고 하는 클라이언트가 있다면 고민거리가 늘어요.
댓글을 작성하시려면 로그인이 필요합니다.

자유게시판

+
제목 글쓴이 날짜 조회
2년 전 조회 1,417
2년 전 조회 2,262
2년 전 조회 1,887
2년 전 조회 1,498
2년 전 조회 1,428
2년 전 조회 1,803
2년 전 조회 2,358
2년 전 조회 2,089
2년 전 조회 1,631
2년 전 조회 1,559
2년 전 조회 1,988
2년 전 조회 1,725
2년 전 조회 1,837
2년 전 조회 2,023
2년 전 조회 2,024
2년 전 조회 6,095
2년 전 조회 1,870
2년 전 조회 1,987
2년 전 조회 2,178
2년 전 조회 1,448
2년 전 조회 1,562
2년 전 조회 1,938
2년 전 조회 1,629
2년 전 조회 1,648
2년 전 조회 1,764
2년 전 조회 1,559
2년 전 조회 1,698
2년 전 조회 1,435
2년 전 조회 1,604
2년 전 조회 1,962