1220 TIL

looggi·2022년 12월 20일
2

스파르타 내배캠 AI-3

목록 보기
100/130


🎶 Feels (Official Video) ft. Pharrell Williams, Katy Perry, Big Sean

스크롤 숨기기

.box {
	overflow:scroll
    
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.box::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

visibility: hidden

display:none과 다르게 다른 css변경사항없이 '보이지만 않게' 해줌

줄바꿈

반응형 웹디자인의 경우 가로 크기가 작을 때를 대비해서 word-break의 속성값을 break-all로 정하는 것이 좋습니다.
word-break:break-all
overflow: scroll하면 넘치는 애들을 다 볼 수는 있지만 디자인을 일관성있게 유지하기가 힘들다
텍스트가 길어졌을 때, 특히 띄어쓰기가 없이 긴 텍스트에 유용하다
https://www.codingfactory.net/10658

긴 문자열을 보여줄 필요없는 경우 text-overflow:ellipsis 도 쓸 수 있지만.. 나는 적용이 안됐다 그리고 이 경우엔 display:block/inline-block이어야 한다.
https://cocobi.tistory.com/91

닫은 탭 복구하기 ctrl shift t

profile
looooggi

0개의 댓글