728x90 반응형 overflow2 [html/css] 이미지 가로 스크롤 응용 박스를 넘어선 텍스트를 박스에 집어넣는 방법으로는 hidden 과 scroll 이 있었다. 이 부분을 이용하여 이미지 가로 스크롤 만들기 이런식의 그림 배열 형태를 이렇게 가로로 나열 되게 white-space: nowrap; / 줄바꿈 없에기 이것만 적용이 되면 그림을 옆으로 움직일때 화면 전체가 같이 따라 움직인다. 그림 부분만 옆으로 넘겨 보려면 , 스크롤 기능이 들어가면된다. overflow: scroll; 텍스트에도 적용이 가능하고, 이미지에도 적용이 가능함. 다양하게 응용하여 사용할 수 있다. 2023. 2. 3. [HTML/CSS] 박스안에 글자가 넘칠때 hidden 또는 스크롤 텍스트가 박스에서 흘러넘칠 때는 overflow 속성 Hidden 박스 넘어가는 글자는 숨기기, 자르기 overflow: hidden; Scroll 항상 스크롤 하기 overflow: scrollo; Auto; 박스만큼 숨기고, 넘치면 스크롤 적용 overflow: auto; 가로 스크롤 overflow 와 함께 쓴다. white-space:nowrap; / 긴텍스트는 옆으로 스크롤이 되어 줄바꿈이 안되게 함 2023. 2. 3. 이전 1 다음 728x90 반응형
