[230801] css 관련

1. pt 와 px

• 폰트 크기(pt)와 픽셀(px) 사이의 변환은 일반적으로 해상도(DPI)에 따라 다름
• 기본적으로, 1pt는 약 1.3333px에 해당한다. 따라서 주어진 폰트 크기를 픽셀로 변환하려면 다음과 같이 계산할 수 있음

• 10pt ≈ 13.3333px
• 11pt ≈ 14.6667px
• 12pt ≈ 16px
• 13pt ≈ 17.3333px
• 14pt ≈ 18.6667px

2. word-break

.text-container {
  word-break: break-all;
}

• 줄 바꿈할때 사용

속성

1. normal: 기본값으로, 단어 단위로만 줄 바꿈
2. break-all: 단어와 관계없이 문자 단위로 줄 바꿈. 긴 단어를 강제로 다음 줄로 내림
3. keep-all: 글자가 공백을 기준으로 다음 줄로 넘어갈 때만 줄 바꿈, 언어의 구조를 유지하는데 사용