[css] 수평으로 스크롤 할 수 있는 컨테이너 만들기

Edward Hyun·2021년 12월 9일
1

app&web-dev

목록 보기
34/178

flexbox를 이용하는 방법

.scroll-container {
  display: flex;
  flex-wrap: no-wrap;
  overflow-x: scroll;
  overflow-y: hidden;
}
.card {
  width: 120px;
  height: 50px;
  flex: 0 0 auto;
}

참고:https://velog.io/@parkoon/수평으로-스크롤-할-수-있는-컨테이너-만들기

profile
앱&웹개발(flutter, vuejs, typescript, react), 인공지능(nlp, asr, rl), 백엔드(nodejs, flask, golang, grpc, webrtc, aws, msa, nft, spring cloud, nest.js), 함수형 프로그래밍(scala, erlang)을 공부하며 정리합니다.

0개의 댓글