css 관련 질문입니다. 채택완료
1
2
3
4
5
6
을 반응형으로 순서를 바꿔보고 싶은데
pc에서는
1 2 3
4 5 6 이렇게 나오는걸
모바일에서
1 4
2
5
3
6
이렇게 보이게 css로 할 수 있을까요??
tr하나로 감싸져 있으면 flex나 box로 order 줘서 하면 되는데
tr이 두개로 나눠져있어 각 tr 안에서만 td 순서가 바뀌더라구요 ㅠㅠ
absolute 안걸고 작업해보려는데 좋은 방법 없을까요?
tr 감싸진거 상관없이 td 순서를 지정하고 싶습니다.
답변 3개
제이쿼리 사용하시면됩니다.
온스크롤시 화면 너비 감지하시고 특정 너비 이하면
아래 링크 예제 참조하셔서 조정하시면됩니다~
https://ktsmemo.cafe24.com/s/jQueryTip/64
정말 스크립트 말고 css 만으로 하고 싶다 하시면
모바일에서 해당 td 를 hidden 시키고 모바일에서만 보이는 td 를 block 시켜주시면됩니다.
댓글을 작성하려면 로그인이 필요합니다.
tr , td 요소에 float 를 준다음
col4 에다가 높이값을 줘서 어떻게 해볼수있긴 할 것 같은데...
그냥 맘편하게 absolute로 작업하는게 가장 좋을것 같습니다..
어차피 col4만 absolute를 줘버리면 나머지는 블럭처럼 정리될테니..
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인