도와 주세요.:줄 바꿈 처리

Help

이 페이지에서는 위키백과 문서와 페이지에서 바꿈과 단어 감김을 만들고 제어하고 방지하는 다양한 방법을 설명합니다.

한 줄의 텍스트가 너무 길어서 한 줄에 맞지 않으면 다른 많은 프로그램과 마찬가지로 웹 브라우저도 자동으로 텍스트를 다음 줄로 묶습니다.웹 브라우저는 일반적으로 텍스트에 공백, 하이픈 등과 같은 자연스러운 구분이 있는 줄을 감습니다.

줄 바꿈 발생

줄 바꿈

텍스트에서 바꿈과 단락 바꿈을 적용하는 몇 가지 방법이 있습니다.가장 간단한 방법은 다음과 같은 새 줄을 삽입하는 것입니다.

마크업 렌더링 대상
마크업에서 한 줄의 새 줄은 표시되는 줄 바꿈줄이 끊어지지 않습니다.

마크업에서 한 줄의 새 줄은 표시되는 줄 바꿈줄이 끊어지지 않습니다.

마크업에서 두 줄의 새 행으로 인해 문단이 끊어집니다.

마크업의 두 개의 새로운 라인

단락을 끊습니다.

마크업에서 세 줄의 새 행으로 인해 문단이 추가로 끊어집니다.일반적으로 이 문제는 피해야 합니다.

마크업의 세 개의 새로운 라인


문단이 매우 광범위하게 끊어집니다.일반적으로 이 문제는 피해야 합니다.

<br>

<br>, <br >, <br/>, <br />

기억할 수 있는 가장 간단한 형식을 사용합니다.MediaWiki 소프트웨어는 한 번의 강제 줄 바꿈에 이들 중 하나를 사용합니다.모두 다음으로 변환됩니다.<br />브라우저가 읽는 HTML에서.

다른 모든 양식은 일반 텍스트로 표시되며 줄 바꿈을 만들지 않습니다.수정 부탁드립니다.

정보 상자와 같이 의미론적으로 목록인 내용의 경우 실제 목록 마크업이 선호됩니다.아래의 목록을 참조하십시오.

마크업 렌더링 대상
그리고 이 텍스트 줄은 중간에 끊어집니다.

그리고 이 텍스트 줄은
중간에 부서질 겁니다

아래의 예.승인된 양식 5개와 일반 텍스트로 표시되는 양식 2개.

위키 소스

1개 <br>2개 <br>3개 </br>4개 <br/>5개 <br/>6개 <br>7개 </br>8개

렌더링된 결과

하나.
두명
세개
네개
다섯개
6 <br>7 </br>8

<<고객명>

<poem>확장명은 HTML과 유사한 태그를 추가하여 새 줄과 공백을 유지 관리합니다.이것은 시, 가사, 좌우명, 선서 등과 같은 더 긴 텍스트 블록에 유용합니다.이러한 태그는 다음과 같은 다른 태그 내부에서 사용될 수 있습니다.<blockquote>예:

마크업 렌더링 대상
<시> 사나두에서 쿠블라 칸은 장엄한 쾌락 돔 법령을 시행했습니다.신성한 강인 알프가 사람들을 헤아릴 수 없이 많은 동굴들을 지나 태양이 없는 바다로 내려갔던 곳.그 때에, 기름진 땅이 두 배나 되었고, 성벽과 탑들이 둘러쌓여 있었습니다.그리고 구불구불한 구불구불한 구불구불한 정원들이 있었고, 많은 향나무들이 꽃을 피웠습니다. 그리고 이곳에는 언덕처럼 오래된 숲들이 있었고, 초록의 양지바른 곳들이 있었습니다.</cisco>

자나두에서 쿠블라 칸은
장엄한 오락 돔 법령:
신성한 강 알프가 달려온 곳
동굴을 통해 인간에게는 측정할 수 없는.
태양이 없는 바다로 내려갑니다.

그래서 2배의 5마일의 비옥한 땅.
벽과 탑들이 둘러져 있었습니다.
그리고 거기에는 구불구불한 구불구불한 구불구불한 정원들이 있었습니다.
향나무를 많이 피운 곳,
그리고 이곳에는 언덕처럼 오래된 숲들이 있었습니다.
초록의 양지바른 곳을 감싸고 있습니다.

<pre>

<pre>...</pre>그리고 그 대안들은 일반적으로 코드를 표시하는 데 사용됩니다. 그들의 내용은 프레임과 다른 배경색으로 단일 공간으로 렌더링됩니다.마크업 및 새 라인 모두<pre>...</pre>말 그대로 복제됩니다.그러나, 다음의 첫 번째 새로운 라인<pre>그리고 그 전에 마지막 새 줄.</pre>무시되므로 페이지에 빈 줄이 추가되지 않고 태그를 고유한 줄에 배치할 수 있습니다.

마크업
<pre> {{2xfoo}}<br />바 [wiki] </pre>
렌더링 대상
{{2xfoo}}<br />bar [foo]

새로운 선을 유지하면서 마크업을 평가하는 방법, 대안<pre<includeonly></includeonly>></pre>그리고 {Pre}}개를 사용할 수 있습니다.

마크업
{{Pre {{2x foo}}<br />bar [위키]}}
렌더링 대상
푸푸
바위키

<nowiki>

태그의 효과<nowiki>...</nowiki>줄 바꿈은 단일 줄 바꿈과 이중 줄 바꿈이 무시되며, 줄 바꿈을 추가할 수도 없습니다.<br />:

마크업
<nowiki> 한 줄 바꿈, 이중 줄 바꿈도 무시되며, 태그 <br />는 그대로 표시됩니다.</nowiki>
렌더링 대상 단일 줄 바꿈 및 이중 줄 바꿈도 무시되며 태그 <br />는 그대로 표시됩니다.

다음을 사용하는 텍스트에서 줄 바꿈을 활성화하는 몇 가지 방법이 있습니다.<nowiki>...</nowiki>:

솔루션 1. 사용<nowiki>...</nowiki>각 라인에 대해 개별적으로<br />또는 두 줄 사이의 새 줄을 두 번 누릅니다.

마크업
<nowiki>전체 줄 주변, 또는 이스케이프해야 하는 텍스트 주변: </nowiki>{{2xbar}}/</nowiki>.<nowiki> 여분의 공간은 여전히 붕괴되어 있습니다.</nowiki>
렌더링 대상 전체 노선을 돌아보면,

또는 이스케이프해야 하는 텍스트 주변에만 있습니다. {{2xbar}}.

추가 공간은 여전히 축소되어 있습니다.

솔루션 2: 사용<poem>...</poem>.

마크업
<filename><nowiki>브릴리그와 "y<sup>e<sup>" 교활한 토브즈 Did gyre and gymble in ''y<sup>e<sup>" 와베:모든 미미는 ''y<sup>e<sup>'' 보로고브였고, ''y<sup>e<sup>'' 엄마는 무덤을 앞질렀습니다.</nowiki></noviki>
렌더링 대상

트와 브릴리그, 그리고 '''y<sup>e<sup>''' 능글맞은 토브즈
"y<sup>e</sup>" wave에서 gyre와 gymble을 했습니까?
모든 밈시는 ''y<sup>e<sup>'' 보로고브였습니다.
그리고 "y<sup>e<sup>" 어머니는 무덤을 능가합니다.

언제<poem>...</poem>와 함께 사용됩니다.<nowiki>...</nowiki>내용은 태그와 동일한 줄에서 시작해야 합니다. 출력에 선행하는 새 줄이 표시되기 때문입니다.그러나 마지막 새 은 무시되므로 닫는 태그가 고유한 줄에 있을 수 있습니다.

마크업
<poem><nowiki> 위에 줄 추가 </nowiki></poem>
렌더링 대상


위의 추가 줄

솔루션 3: 대신 <pre>를 사용하는 것을 고려해 보십시오.<nowiki>...</nowiki>.

목록

번호가 매겨진 목록과 글머리 기호 목록은 표준 Wiki 마크업을 사용하여 작성됩니다.정보 상자와 같이 숫자나 글머리 기호가 없는 일반 목록이 필요한 경우 많은 편집자가 구분 기호를 사용하여 목록을 만듭니다.이 방법은 목록의 의미를 적용하지 않으며, 화면 판독기를 사용하는 사람들에게는 목록처럼 들리지 않습니다.이러한 경우 {{plainlist} 및 {{unbulleted list}} 모두 숫자나 글머리 기호 없이 목록 마크업을 사용합니다.

마크업 렌더링 대상
{{cat * dog * 말 * 소 * 양 * 돼지 }}개 목록
  • 고양이
  • 말.
  • 소.
  • 돼지.

공식

공식을 표시하는 방법<math>위키백과 자체 라인:스타일/수학 매뉴얼#LaTeX 마크업 사용 권장 사항<math display=block>.

워드랩 방지 및 제어

원하지 않는 장소에서 단어 줄 바꿈(줄 바꿈)이 발생하지 않도록 방지하는 몇 가지 방법이 있습니다.다음은 어떤 방법을 사용해야 하는지에 대한 개요입니다.

깨지지 않는 공간

HTML 엔티티 &nbsp;깨지지 않는 공간 또는 하드 공간입니다.일반 공백 ""처럼 렌더링되지만 다음과 같은 줄 바꿈이 발생하지 않습니다.

마크업 렌더링 대상
많은 텍스트 10&nbsp;kg 더 많은 텍스트.

다음과 같이 렌더링할 수 있습니다.

많은 텍스트 10kg
추가 텍스트.

또는 다음과 같이 렌더링할 수 있습니다.

많은 텍스트
10kg의 텍스트가 더 있습니다.

그러나 다음과 같이 렌더링되지는 않습니다.

많은 텍스트 10
kg 더 많은 텍스트.

중단되지 않는 공간은 일반 공간과 똑같이 링크 내에서 작동합니다.연결할 수 있습니다.[[J.&nbsp;R.&nbsp;R. Tolkien]]J. R. R. 톨킨으로 렌더링됩니다.이니셜은 줄 바꿈으로 구분되지 않습니다.

하지만,&nbsp;원본 텍스트를 읽기 및 편집하기 어렵게 렌더링합니다.줄 바꿈을 피할 필요가 없는 한 사용하지 마십시오.

깨지지 않는 하이픈

브라우저는 하이픈으로 단어를 구분할 수 있습니다.깨지지 않는 하이픈 &#8209;다음과 같이 이러한 현상을 방지하기 위해 사용할 수 있습니다.

신문의 C&#8209;2페이지에서 본 바와 같이.

이 코드는 일반 코드와 마찬가지로 "페이지 C-2"를 생성합니다.page C-2하이픈에서 줄 바꿈을 방지합니다.

하지만, 처럼&nbsp;의 사용.&#8209;" 대신에-원본 텍스트를 읽기 및 편집하기 어렵게 렌더링합니다.줄 바꿈을 피하기 위해 꼭 필요한 경우가 아니면 사용하지 마십시오.

인라인 블록

템플릿{{Inline block}}그리고.{{Avoid wrap}}휴식 시간을 피하되 공간이 부족할 경우 휴식 시간을 허용합니다.{{awrap}} 는 후자의 속기입니다.

마크업 렌더링 대상
{{line block {{color blue lorem ipsum dolor sit meet, congetura dipiscing elit, sed doeusmod tempor incidunt.}}}

로렘 입섬 돌로르 사이트 메이트, 콩세투라 디핑엘리트, sed doiusmod tim incidunt.

{{inline block {{color green sedut perspiciatis undomisist natus error sit volptatem custantium.}}}

sedut perspiciatis undomisist natus error sit volumpatemacantium.

{{avoid wrap {{color blue lore mipsum dolor sit meet, congetura dipiscing elit, sed doeiusmod tempor incidunt.}}}

로렘 입섬 돌로르 사이트 메이트, 콩세투라 디핑엘리트, sed doiusmod tim incidunt.

{{awrap {{color green sedut perspiciatis undomisist natus error sit volptatem custantium.}}}

sedut perspiciatis undomisist natus error sit volumpatemacantium.

둘 다 내용을 넣었습니다.<span style="display:inline-block;">후자는 또한 CSS 클래스 "랩 회피"를 추가합니다.

{{nowrap}}

{{nowrap} 템플릿은 유연성이 떨어지며 줄이 창에 비해 너무 길어도 끊기는 것을 방지하여 사용자가 다음과 같이 스크롤해야 합니다.

로렘 입섬 돌로르 사이트 메이트, 콩세투라 디핑엘리트, sed doiusmod tim incidunt. sedut perspiciatis undomisist natus error sit volumpatemacantium.

항상 함께 있어야 하는 "10kg(22lb)"과 같은 짧은 텍스트 섹션에 적합합니다.
이는 중단 없는 공간에서도 달성할 수 있습니다.
그러나 이것은 원본 텍스트를 읽기 어렵게 만듭니다.대신 템플릿을 사용하는 것이 좋습니다.

이렇게 렌더링할 수 있습니다. 아니면 이렇게 이런 식으로. 하지만 이렇게는 아니다.

텍스트가 10kg(22lb) 더 많습니다.

10kg(22lb)의 텍스트가 많음
추가 텍스트.

많은 텍스트
텍스트가 10kg(22lb) 더 있습니다.

많은 텍스트 10kg (22)
lb) 추가 텍스트.

(단위전환의 구체적인 경우는 {{convert}} 참조)

어떤 경우에는 {nowrap}이(가) 잘 작동하지 않습니다.예를 들어, 더 길거나 더 복잡한 텍스트로 랩하는 것을 방지하려는 경우 {nowrap}이(가) 어디서 끝나는지 확인하기 어려울 수 있습니다.또한 MediaWiki 템플릿 메커니즘은 "등호"와 같은 문자를 해석합니다.=그리고 파이프" 템플릿 매개 변수를 특수 문자로 지정하므로 문제가 발생합니다.이러한 경우에는 다음과 같이 {{nowrapbegin}} + {{nowrapend}}을(를) 사용하는 것이 좋습니다.

{{nowrap begin}}2 + 2 = 4 nowrap end}와 {{nowrap begin}2 < 3 nowrap end}}

다음과 같이 렌더링할 수 있습니다.

2 + 2 = 4 및
2 < 3

그러나 다음과 같이 렌더링되지는 않습니다.

2 + 2 = 4 및 2
< 3

<wbr> 및 소프트 하이픈

단어 구분 기회를 삽입하려면 다음을 사용합니다.<wbr>.

단어가 너무 길거나 브라우저가 잘못된 위치에서 줄 바꿈을 수행하는 것으로 인식되는 경우 줄 바꿈을 추가하는 것이 괜찮은 위치를 지정합니다.그런 다음 줄이 실제로 끊어지는지 여부는 브라우저에 맡겨집니다.구분 기호는 공백처럼 보입니다. 하이픈을 사용하여 단어나 줄을 구분하는 것이 더 적합한 경우 아래의 소프트 하이픈을 참조하십시오.

마크업
지금이 하이퍼<wbr>를 배워 파워 에디터가 될 때입니다.텍스트 마크업 언어...
렌더링 대상 다음과 같이 렌더링할 수 있습니다.
이제 하이퍼텍스트 마크업 언어를 배우면서 파워 에디터가 될 때입니다.

또는 다음과 같이 렌더링할 수 있습니다(좁은 브라우저 창에서).

지금이 하이퍼를 배우면서 파워 에디터가 될 때입니다.
텍스트 마크업 언어...

참고:<wbr>{nowrap} 내부에서는 작동하지 않습니다.

대부분의 경우 공백으로 단어를 구분하는 것은 적절하지 않습니다.소프트 하이픈은 또한 단어 구분 기회를 생성하지만 공백이 아닌 하이픈을 추가합니다.다시 말해, 소프트 하이픈은 하이픈으로 연결되지 않은 단어에 삽입된 하이픈으로, 텍스트 줄 끝에 있는 경우에만 표시되거나 타이프가 설정됩니다.

코드&shy;와 동일한 방식으로 사용됩니다.<wbr>예:

마크업 렌더링 대상
이 긴 독일어 Datenschutz&shy;erklärung은 구성 부분인 "Datenschutz"와 "erklärung" 사이에서 구분됩니다.

이 긴 독일어 "Datenschutz­erklärung"은 "Datenschutz"와 "erklärung" 사이에서 구분됩니다.

소프트 하이픈의 사용은 특수한 경우로 제한되어야 하며, 일반적으로 매우 긴 단어나 좁은 공간(예: 정보 상자의 캡션 또는 다른 타이트한 페이지 레이아웃 또는 좁은 표의 열 레이블)을 포함합니다.소프트 하이픈은 위키 텍스트를 읽고 편집하기가 매우 어렵기 때문에 널리 사용하는 것이 좋습니다.예:

마크업 렌더링 대상
이 Wi&shy;ki&shy;source ex&shy;am&shy;ple은 diff&shy;fi&shy;cult to un&shy;der&shy;stand.

이 위키 소스 예제는 이해하기 어렵습니다.

대신에 사용하는 것을 고려해 보십시오.{{shy}}이러한 복잡한 사례에 대한 템플릿:

마크업 렌더링 대상
{{shy 이 대체 구문은 읽기 능력을 향상시킵니다}

이 대체 구문은 가독성을 향상시킵니다.

목록 항목 사이(연결된) 줄 바꿈

내부 정보 상자 및 탐색 상자와 같은 링크 목록에서 수평 목록({flatlist} 템플릿을 통해)을 사용하여 목록 형식을 지정합니다.

목록 외부에 있는 두 개의 텍스트를 설명해야 하는 경우가 있을 경우 다음을 포함하는 {{·}} 또는 {{•} 템플릿을 사용할 수 있습니다.&nbsp;점 앞에서, 따라서 포장 문제의 일부를 처리합니다.

참고 항목