💡Aha!

CSS white-space

속성

  • normal: 기본값, 공백을 여러개 넣어도 공백 1개만 표시, 글이 길어지면 텍스트가 자동 줄바꿈
  • nowrap: 공백을 여러개 넣어도 1개만 표시, 텍스트가 길어도 같은 줄에 계속 표시
  • pre: 공백을 코드에 있는 그대로 표시. <pre> 태그처럼. 코드에 줄바꿈이 없다면 줄바꿈이 되지 않음.
  • pre-wrap: 공백을 코드에 있는 그대로 표시. 코드에 줄바꿈이 없어도 자동 줄바꿈이 됨.
  • pre-line:  공백을 여러 개 넣어도 1개만 표시. 자동 줄바꿈, 코드에 줄바꿈이 있을 때도 그대로 표시

2024 Dohyun Jung.
Made with ☕️.