유용한 css

줄 바꿈

tailwind: whitespace-nowrap

css : white-space: nowrap;

https://developer.mozilla.org/ko/docs/Web/CSS/white-space

 

게시글에 이 속성 넣어야 줄바꿈 됨
whitespace-pre-wrap: 줄바꿈과 공백을 유지하면서 자동 줄바꿈
whitespace-pre-line: 줄바꿈은 유지하고 연속된 공백은 하나로 처리

whiteSpace: "pre-wrap" 

 

 

scrollbar-gutter: stable;

스크롤바가 생기면서 레이아웃 밀림 현상이 발생하는데
해당 공간을 미리 확보해두면서 해당 현상 방지

https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-gutter