무아지경

word-break:break-all 본문

퍼블리싱/HTML5 + CSS3

word-break:break-all

블리셔 2018. 5. 30. 15:54

- 정해진 width값 안에서 문장의 길이가 길어서 밀려날때 사용

- 영어 단어가 길어서 중간에 밀려 내려가지 못하고 단어 전체가 밀려 내려가서 윗줄에 공간이 생기는걸 방지하는 기능

- 영어 단어의 중간에서 width값의 길이만큼 단어가 써지고 잘려서 밑으로 내려가 빈 공간 없이 글을 쓸수 있음.


text-align:justify; 사용 할때 같이 사용 하면 효과적.

# 반응형 웹에서 text-align:justify; 사용시 width값이 작아지면(400px이하 모바일 사이즈) 스펠링 사이 공간이 벌어지는 경우가 생기는데 이때 사용 하면 효과적일듯 하다.

'퍼블리싱 > HTML5 + CSS3' 카테고리의 다른 글

select 태그 사용 예시  (0) 2018.05.30
tabindex="n"  (0) 2018.05.30
본문 바로가기 for 스크린리더  (0) 2018.05.18
말줄임(...)  (0) 2018.05.18
block요소, inline요소  (0) 2018.05.18
Comments