emayom.log

  • 방명록

줄 바꿈 1

[CSS] 줄바꿈 규칙 : word-break ?

콘텐츠 내부에 글을 작성하다 보면 줄 바꿈이 되면서 단어가 끊어져 매끄럽지 못하게 느껴질 때가 있다! 그럴 때 사용할 수 있는 줄바꿈 속성에 대해 알아보자. word-break ? word-break는 텍스트가 콘텐츠 박스 밖으로 넘어갈 때 줄 바꿈의 기준을 단어냐 글자냐로 설정할 수 있다. normal : 기본 줄 바꿈 규칙 break-all : 오버플로우를 방지하기 위해 '글자'를 기준으로 줄 바꿈 keep-all : 한중일 텍스트에서는 '단어'를 기준으로 줄 바꿈 아래의 예시를 보면, 한중일 텍스트는 keep-all으로 지정할 경우 줄 바꿈 시 단어를 끊지 않는다. 영어 텍스는 keep-all 뿐만 아니라 normal 경우도 줄 바꿈 시 단어를 끊지 않는다. word-break - CSS: Casc..

CSS 2021.08.02
이전
1
다음
더보기
프로필사진

emayom.log

습관의 고리는 인식할 수 없을 정도로 너무 약해 보인다. 그러다가 끊어버릴 수 없을 정도로 막강해진다.

  • 분류 전체보기 (114)
    • HTML (2)
    • CSS (10)
      • SCSS (0)
      • CSS3 (0)
    • JS (32)
      • [Udemy] 클린코드 자바스크립트 (0)
      • Javascript (14)
      • React (12)
    • Programmers (46)
      • Algorithm, Data Structure (3)
      • Level 1 (36)
      • Level 2 (7)
    • FE interview (5)
    • etc. (16)
      • git (4)

Tag

자바스크립트, input, level 1, level1, Jeklly, 프론트앤드, 함수 선언식, programmers, 기술면접, JS, 리액트, React, html, 컴포넌트, javascript, 코딩테스트, 프로그래머스, css, 레벨 1, 코테,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바