반응형
간혹 html 화면에서 글자가 짤리거나 생략되는 아래와 같은 현상이 발생할 때가 있다.
안녕하...
동해물...
데이터에 내용을 잘 받아오는데, 이런식으로 화면 내에 생략이 일어나는 경우는 css를 의심해야된다.
관련 css 속성은 overflow가 있다.
overflow는 본문 내용을 담는 요소의 크기가 고정 돼 있을때, 본문 내용이 너무 길어서 해당 요소에 다 보여줄 수 없을 경우에 대한 속성이다.
overflow 값은 4가지가 있다.
- visible : 기본 값으로 본문 내용이 넘칠 경우 요소 밖으로 보인다.
- hidden : 넘치는 부분은 잘려서 보이지 않는다
- scroll : 가로 세로 모두 스크롤바가 추가된다.
- auto : 본문의 양에 따라 스크롤바를 추가할지 자동으로 결정된다.
overflow-x:
overflow-y:
위와 같이 x,y를 설정하여 가로와 세로 축에 대해 각각 조절할 수 있다.
나의 경우,
어딘가에서 overflow: hidden이 먹혀서 저렇게 생략이 되어서 나왔다.
overflow: visible 로 변경하고 나서 해결 완료!
참고 :https://offbyone.tistory.com/296
CSS - overflow 속성 사용하기
CSS의 overflow 프로퍼티는 요소내의 컨텐츠가 너무 커서 요소내에 모두 보여주기 힘들때 그것을 어떻게 보여줄지를 지정합니다. 기본적으로 컨텐츠를 포함하고 있는 요소의 크기가 고정되어 있지
offbyone.tistory.com
반응형
