|
|
2번째 줄: |
2번째 줄: |
| 글의 줄바꿈(개행) 속성을 지정할 수 있는 틀입니다. 글에서 줄바꿈이 이루어질 위치를 어절(띄어쓰기) 단위로 지정할 수 있습니다. 이 틀을 사용하면 모바일 환경에서의 표와 같은 좁은 폭에서도 문장을 쉽게 읽을 수 있습니다. [[CSS]]의 <code>word-break</code> 속성과 같습니다. | | 글의 줄바꿈(개행) 속성을 지정할 수 있는 틀입니다. 글에서 줄바꿈이 이루어질 위치를 어절(띄어쓰기) 단위로 지정할 수 있습니다. 이 틀을 사용하면 모바일 환경에서의 표와 같은 좁은 폭에서도 문장을 쉽게 읽을 수 있습니다. [[CSS]]의 <code>word-break</code> 속성과 같습니다. |
|
| |
|
| 경우에 따라 개별 환경에서 적용되지 않은 것으로 보일 수 있으나 다수의 [[웹 브라우저]] 환경에서는 이를 지원합니다.<ref>{{웹 인용 |url=https://developer.mozilla.org/ko/docs/Web/CSS/word-break#Browser_compatibility |제목=<nowiki>word-break - CSS Cascading Style Sheets | MDN</nowiki> |저자=Mozilla Contributors |날짜= |웹사이트=MDN 웹 문서 |출판사= |확인날짜=2019.6.7. }}</ref> | | 경우에 따라 개별 환경에서 적용되지 않은 것으로 보일 수 있으나 다수의 [[웹 브라우저]] 환경에서는 이를 지원합니다.<ref>{{웹 인용 |url=https://developer.mozilla.org/ko/docs/Web/CSS/word-break#Browser_compatibility |제목=<nowiki>word-break - CSS Cascading Style Sheets | MDN</nowiki> |저자=Mozilla Contributors |날짜= |웹사이트=MDN 웹 문서 |출판사= |확인날짜=2019.6.7. }}</ref> 차이가 확인되지 않을 경우 타 웹 브라우저 환경을 통해 확인할 수 있습니다. |
| == 사용 방법 == | | == 사용 방법 == |
| <code><nowiki>{{줄바꿈|속성을 지정할 문자}}</nowiki></code> | | <code><nowiki>{{줄바꿈|속성을 지정할 문자}}</nowiki></code> |
2019년 6월 7일 (금) 02:55 판
틀:틀 설명문서 안내
글의 줄바꿈(개행) 속성을 지정할 수 있는 틀입니다. 글에서 줄바꿈이 이루어질 위치를 어절(띄어쓰기) 단위로 지정할 수 있습니다. 이 틀을 사용하면 모바일 환경에서의 표와 같은 좁은 폭에서도 문장을 쉽게 읽을 수 있습니다. CSS의 word-break
속성과 같습니다.
경우에 따라 개별 환경에서 적용되지 않은 것으로 보일 수 있으나 다수의 웹 브라우저 환경에서는 이를 지원합니다.[1] 차이가 확인되지 않을 경우 타 웹 브라우저 환경을 통해 확인할 수 있습니다.
사용 방법
{{줄바꿈|속성을 지정할 문자}}
keep-all
이 지정되어 어절별로 줄바꿈이 이루어집니다.
매개 변수
{{줄바꿈|속성을 지정할 문자|속성값 매개 변수(선택)}}
normal
- 기본 줄바꿈 규칙이 적용됩니다.
break-all
- 알파벳을 포함해 항상 문자 단위로 줄바꿈이 이루어집니다.
문자
로도 입력할 수 있습니다.
keep-all
- 한국어, 중국어, 일본어 문자를 포함해 항상 어절(띄어쓰기) 단위로 줄바꿈이 이루어집니다. 매개 변수를 지정하지 않으면 기본으로 선택됩니다.
break-word
- 글이 영역을 벗어날 경우 사용할 수 있습니다.
긴 영단어는 줄이 바뀌는 곳에서 읽기에 어려움이 없도록 알맞은 위치에 하이픈(‐)이나 필요할 때만 나타나는 '부드러운 하이픈'(­
)을 넣으면 좋습니다.
예시