텍스트 꾸미기 속성(word-break, text-overflow)

신은수·2023년 3월 3일
0

HTML, CSS

목록 보기
1/6

1. word-break와 word-wrap

  • word-wrap: 비아시아 언어의 줄 바꿈을 제어한다.

    normal: 기본값으로, 글자가 끊어지지 않고 한 줄에 계속 표시
    break-word: 강제로 끊어서 줄 바꿈 함 (단어 기준으로 줄을 바꿈)

  • word-break:

    normal: 기본값으로, 아시아 언어는 글자 기준, 비아시아 언어는 단어기준으로 줄 바꿈
    break-all: 글자 기준으로 줄 바꿈
    keep-all: 단어 기준으로 줄 바꿈




2. text-overflow

  • 텍스트가 넘칠 경우 어떻게 표시할지를 설정
  • 말줄임 처리 할 때 자주 사용
  • ellipsis: 말줄임표




profile
🙌꿈꾸는 프론트엔드 개발자 신은수입니당🙌

0개의 댓글