[html/css] 이미지 가로 스크롤 응용

박스를 넘어선 텍스트를 박스에 집어넣는 방법으로는 hidden 과 scroll 이 있었다. 

이 부분을 이용하여 이미지 가로 스크롤 만들기 

 

이런식의 그림 배열 형태를 

 

 

이렇게 가로로 나열 되게 

white-space: nowrap; / 줄바꿈 없에기

 

이것만 적용이 되면 그림을 옆으로 움직일때 화면 전체가 같이 따라 움직인다. 

 

 

그림 부분만 옆으로 넘겨 보려면 , 스크롤 기능이 들어가면된다.

overflow: scroll;

 

 

 

텍스트에도 적용이 가능하고, 이미지에도 적용이 가능함. 

다양하게 응용하여 사용할 수 있다.