[CSS] 보노보노급 줄바꿈 문제를 해결하자

2017. 4. 16. 23:07·Dev
반응형

최근 PPT를 제작중인데, 너무 단조로우면 이상하니까 보노보노를 첨가하기로 했다.


가독성이 지옥급으로 내려가며 정말 안 어울리는 보노보노. 이 보노보노에 필적할 만한 만행이 하나 더 있다.






애플마저도...





영문 버전으로만 크기가 맞춰져 있어서 발생하는 줄바꿈 문제이다. 영문 버전으로 볼 때는 깔끔하게 출력되지만, 그 이외의 버전으로 볼 때에는 이런 일이 벌어진다. 혹은, 컴퓨터 버전에서는 안 밀리고 잘 표시되는데, 모바일에서는 줄바꿈이 이상하게 적용되는 경우도 종종 보인다.


다람쥐 헌 쳇바퀴에 타고파!


(직접 창 사이즈를 조절해가며 확인해보자)


물론 일반인들은 별 신경 안 쓰겠지만, 이런거에 민감한 사람은 정말 미쳐버릴지도 모른다.


완벽한 해결책은 없다. 현지화 과정을 거치면서 디자이너가 하나하나 이런 문제가 없는지 확인해 보아야 한다. 언어별로 글씨 폭은 다 다르니까 말이다. (뭔가 가변 폭 비슷한게 있을지도..)


그나마 웹 버전에서 가독성을 높이는 방법이 하나 있긴 하다. CSS의 work-break 속성을 keep-all로 설정해 주면 된다. 아래를 보면, 줄 바꿈을 단어별로 함으로써 가독성이 나아진 걸 알 수 있다. 


다람쥐 헌 쳇바퀴에 타고파!


옆에 빈 공간이 생기긴 하지만 글씨 읽는건 훨씬 낫다. 간단한 해결 방법이다.




One more thing...




한글로 문서 만들때도 띄어쓰기가 이상하게 적용되는 경우가 많다. 제발 이런 경우는 피하자. 제발. 왼쪽 정렬을 하면 이런 참사를 막을 수 있다.



반응형
'Dev' 카테고리의 다른 글
  • Docker-compose 환경변수 재사용
  • 구글 클라우드 상태 확인(GoogleHC) 때문에 서버가 터지다.
  • Ubuntu apt-get 저장소 바꾸기
  • [Node.js] KS_C_5601-1987 to UTF-8 변환
ryush00
ryush00
IT 관련 글이 올라와요
    반응형
  • ryush00
    말똥이의 블로그
    ryush00
  • 전체
    오늘
    어제
    • 모든 글 (225)
      • 블로그 (13)
        • 공지 사항 (5)
        • 블로그 운영 팁 (6)
        • 기타 (2)
      • IT (69)
        • 정보글 (51)
        • 리뷰 (8)
        • 심층 분석 (5)
        • NAS (5)
      • Game (44)
        • Minecraft (40)
        • 게임 정보글 (4)
      • Dev (53)
        • PHP (1)
        • HTML & CSS (0)
        • Ruby (3)
        • DB (2)
        • 클라우드 (2)
        • 행사 (0)
        • 삽질 방지 (20)
      • 마인리스트 (10)
      • 이모저모 (21)
        • 나의 생각 (7)
        • 나의 일상 (4)
        • 유용한 것들 (3)
        • 노하우 (6)
      • 휴지통 (0)
      • 안전 (0)
        • 베리어프리 (0)
        • 교통 안전 (0)
  • 블로그 메뉴

    • 전체글
    • 공지사항
  • 링크

    • 마인리스트
  • 공지사항

    • 저작권 안내
  • 인기 글

  • 태그

    맥
    티스토리 초대장
    CloudFlare
    마인리스트
    구글 지도 반출
    MySQL
    삽질
    NAS
    ruby
    티스토리
    아이폰
    php
    Ruby on Rails
    bukkit
    구글 지도
    java
    토렌트
    spigot
    개발
    블로그
    안드로이드
    마인크래프트
    애플
    howto
    클라우드플레어
    해킹
    시놀로지
    오류
    문제해결
    apk
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.0
ryush00
[CSS] 보노보노급 줄바꿈 문제를 해결하자
상단으로

티스토리툴바