공백이 없는 여러 개의 탭 문자("nbsp") 대신 탭 문자를 선택하십시오.
에 탭 할 수 ? 네번?
사용할 문자 집합에 따라 다릅니다.
ISO-8859-1 HTML 이외의 가 몇 개 . 를 들면, 「」와 같이 ,  , . .
ASCII의 ASCII의 경우	입니니다
다음은 HTML 엔티티의 전체 목록과 위키피디아에서 공백에 대한 유용한 설명입니다.
CSS를 사용합니다.★★를 해 보세요.padding-left:5em ★★★★★★★★★★★★★★★★★」margin-left:5em츠미야
아니요, HTML에 관한 한 탭은 공백일 뿐입니다.대신 이렇게 큰 (→| |←) ... 일반적으로 4칸의 너비로 입력되는 em-공간를 권장합니다.
Unicode 문자(')를 사용하면 문제없이 사용할 수 있습니다. 해 주세요
- 다음은 유니코드의 공백 문자 및 "0-width 공백" 목록입니다.
 가 정답입니다.
단, 예를 들어 워드프로세서에서 수평표시를 사용하는 데 익숙하다면 기대만큼 기능하지 않습니다.Word, Wordperfect, Open Office, Wordworth 등폭은 고정되어 있어 커스터마이즈할 수 없습니다.
CSS는 W3C가 공식 솔루션을 제공할 때까지 훨씬 더 강력한 제어 기능을 제공하고 대체 기능을 제공합니다.
예:
padding-left:4em
..혹은..
margin-left:4em
..필요에 따라
사용할 문자 집합에 따라 다릅니다.
일부 탭 태그를 설정하고 h 태그를 사용하는 방법과 유사하게 사용할 수 있습니다.
<style>
tab1 { padding-left: 4em; }
tab2 { padding-left: 8em; }
tab3 { padding-left: 12em; }
tab4 { padding-left: 16em; }
tab5 { padding-left: 20em; }
tab6 { padding-left: 24em; }
tab7 { padding-left: 28em; }
tab8 { padding-left: 32em; }
tab9 { padding-left: 36em; }
tab10 { padding-left: 40em; }
tab11 { padding-left: 44em; }
tab12 { padding-left: 48em; }
tab13 { padding-left: 52em; }
tab14 { padding-left: 56em; }
tab15 { padding-left: 60em; }
tab16 { padding-left: 64em; }
</style>
...이렇게 사용하세요:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tabulation example</title>
<style type="text/css">
dummydeclaration { padding-left: 4em; } /* Firefox ignores first declaration for some reason */
tab1 { padding-left: 4em; }
tab2 { padding-left: 8em; }
tab3 { padding-left: 12em; }
tab4 { padding-left: 16em; }
tab5 { padding-left: 20em; }
tab6 { padding-left: 24em; }
tab7 { padding-left: 28em; }
tab8 { padding-left: 32em; }
tab9 { padding-left: 36em; }
tab10 { padding-left: 40em; }
tab11 { padding-left: 44em; }
tab12 { padding-left: 48em; }
tab13 { padding-left: 52em; }
tab14 { padding-left: 56em; }
tab15 { padding-left: 60em; }
tab16 { padding-left: 64em; }
</style>
</head>
<body>
<p>Non tabulated text</p>
<p><tab1>Tabulated text</tab1></p>
<p><tab2>Tabulated text</tab2></p>
<p><tab3>Tabulated text</tab3></p>
<p><tab3>Tabulated text</tab3></p>
<p><tab2>Tabulated text</tab2></p>
<p><tab3>Tabulated text</tab3></p>
<p><tab4>Tabulated text</tab4></p>
<p><tab4>Tabulated text</tab4></p>
<p>Non tabulated text</p>
<p><tab3>Tabulated text</tab3></p>
<p><tab4>Tabulated text</tab4></p>
<p><tab4>Tabulated text</tab4></p>
<p><tab1>Tabulated text</tab1></p>
<p><tab2>Tabulated text</tab2></p>
</body>
</html>위의 스니펫을 실행하여 시각적인 예를 확인하십시오.
추가 토론
ISO-8859-1 HTML 이외의 문자를 할 수 . "" " 입니다. ,  앞서 말한 '아예'의 '아예'의 '아예'의 '아예'라고 합니다. .
에서는 ASCII(Unicode)도 	을 사용하다
다음은 HTML에서 제공하는 빈 공간을 삽입하는 3가지 방법입니다.
- 「」라고 입력합니다.
1번으로 하다 - 「」라고 입력합니다.
 2번입니다. - 「」라고 입력합니다.
 4번입니다.
해라  
같습니다. s.
단락의 안쪽(또는 가운데)에 여러 공간을 삽입하는 방법은 실제로 없습니다.당신이 CSS를 사용한다고 제안하는 사람들은 요점을 놓치고 있다.항상 한 문단을 한 쪽에서 들여쓰려고 하는 것은 아니지만, 실제로 한 문단의 특정 부분에 여백을 두려고 합니다.
기본적으로 이 경우 공간은 스타일이 아니라 내용이 됩니다.왜 그렇게 많은 사람들이 그걸 보지 못하는지 모르겠어.스타일과 콘텐츠 규칙을 분리하려고 하는 경직성(HTML은 처음부터 둘 다 하도록 설계되어 있습니다.CSS 스타일 시트를 작성하는 데 많은 시간을 할애할 필요 없이 적절한 태그를 사용하여 고유 요소의 스타일을 정의하는 것은 문제가 되지 않습니다.또한 전혀 없습니다.적당히 사용하면 읽을 수 없게 됩니다.또, 무엇인가를 신속히 실시할 수 있는 것도 있습니다).그것은, 공백 문자를 스타일이나 들여쓰기 전용으로 밖에 생각할 수 없다는 것을 의미합니다.
공간을 할 수 때는 을 사용할 필요가 .  ★★★★★★★★★★★★★★★★★」 태그는 많은 공간을 빠르게 삽입할 수 있는 적절한 이름의 태그가 있는 경우(혹은 애초에 불필요하게 공간이 소비되지 않은 경우)보다 결과 코드를 훨씬 더 읽을 수 없게 된다고 주장합니다.
그러나, 상기와 같이, 당신의 최선의 방법은 다음을 사용하는 것입니다. 올바른 위치에 삽입합니다.
프리태그를 사용하는 것이 좋습니다.사전 태그는 미리 포맷된 텍스트를 정의합니다.
<pre>
This is
preformatted text.
It preserves both spaces
and line breaks.
</pre>
이 링크에서 프리태그에 대해 자세히 알고 있습니다.
CSS에는 다음과 같은 내용이 있습니다.
span.tab{
padding: 0 80px; /* Or desired space*/
}
그리고 HTML에는 다음과 같이 중간 문장의 "긴 탭"이 필요합니다.
<span class="tab"></span>
「」의 합니다. ★★★★★★★★★★★★★★★★★」 필요할지도 몰라
 , 또는 를 사용할 수 있습니다.
W3가 그러는데...
문자는 en 공간과 em 공간을 각각 나타냅니다. en 공간은 포인트 크기의 절반이고 em 공간은 현재 글꼴의 포인트 크기와 동일합니다.
HTML3에 대한 자세한 내용은 W3.org를 참조하십시오.
HTML4에 대한 자세한 내용은 W3.org를 참조하십시오.
Wikipedia에서 더 많은 정보
AFAIK, 유일한 방법은,
CSS 를 사용할 수 있는 경우는, 패딩 또는 마진을 사용할 수 있습니다.박스 모델을 참조해 주세요.Internet Explorer 의 경우는, Internet Explorer 박스 모델의 버그도 참조해 주세요.
단락의 첫 번째 문장만 들여쓰려면 작은 CSS 트릭을 사용하면 됩니다.
p:first-letter {
margin-left: 5em;
}
공백이 그렇게 중요해진다면 미리 포맷된 텍스트와 <pre> 태그를 사용하는 것이 좋을 수 있습니다.
<탭> 태그는 HTML3에 소개되어 있지만 브라우저에 들어간 적이 없습니다.많은 상황에서 사용할 수 있다면 생활이 훨씬 편해질 것이기 때문에 저는 항상 매우 유감이라고 생각해 왔습니다.그러나 이를 쉽게 수정하여 가짜 <탭> 태그를 붙일 수 있습니다.HTML 의 선두에, 또는 (스타일 태그가 없는) 다음의 항목을 CSS 에 추가합니다.
<style>
tab { padding-left: 4em; }
</style>
그 후, 문서의 탭이 필요한 경우는,<탭>을 입력합니다.탭 마크와 일치하지 않기 때문에 진정한 탭은 아니지만, 서투른 문자 엔티티나 스팬에 휘청거리지 않고 대부분의 요구에 대응합니다.이 기능을 사용하면 소스를 쉽게 확인할 수 있습니다.또, 테이블이나 그 외의 복잡한 「솔루션」의 번거로움을 피하고 싶은 심플한 포맷도 간단하게 실시할 수 있습니다.
이 솔루션의 장점 중 하나는 텍스트 문서를 빠르게 검색/교환하여 모든 탭을 <탭> 태그로 바꿀 수 있다는 것입니다.
진정한 절대 위치 Tabs를 여러 개 정의하고 필요에 따라 적절한 탭(예를 들어 <tab2> 또는 <tab5> 등)을 사용할 수 있지만 후속 행을 입력하지 않고는 사용할 수 없습니다.
이치노일반 텍스트 문자열을 처리할 때 이 작업을 수행해야 하며 \t를 4개의 공백(appx)으로 대체해야 합니다.사용할 수 없었습니다. 이 과정에서 최종 마크업이 비콘텐츠 공간을 갖도록 해석되었습니다.
HTML:
<span style="padding: 0 40px"> </span>
php 함수에서는 다음과 같이 사용했습니다.
$message = preg_replace('/\t/', '<span style="padding: 0 40px"> </span>', $message);
탭이 하나만 필요한 경우, 다음을 참고하십시오.
<style>
.tab {
position: absolute;
left: 10em;
}
</style>
HTML을 사용하면 다음과 같습니다.
<p><b>asdf</b> <span class="tab">99967</span></p>
<p><b>hjkl</b> <span class="tab">88868</span></p>
"탭" 유형을 추가하고 다음과 같은 HTML을 변경하여 "탭"을 추가할 수 있습니다.
<style>
.tab {
position: absolute;
left: 10em;
}
.tab1 {
position: absolute;
left: 20em;
}
</style>
HTML을 사용하면 다음과 같습니다.
<p><b>asdf</b> <span class="tab">99967</span><span class="tab1">hear</span></p>
<p><b>hjkl</b> <span class="tab">88868</span><span class="tab1">here</span></p>
여기에는 간단한 css가 있습니다.
white-space: pre;
HTML에서 추가한 공간을 통합하지 않고 유지합니다.
해서 '표'를 붙일 수 요.width <td>.
<table>
<tr>
<td width="100">Content1</td>
<td>Content2</td>
</tr>
<tr>
<td>Content3</td>
<td>Content4</td>
</tr>
</table>
결과
Content1 Content2
Content3 Content4
CSS를 사용하는 경우 다음을 권장합니다.
p:first-letter {
text-indent:1em;
}
이렇게 하면 기존 출판물과 같이 첫 번째 행이 들여씁니다.
탭과 같은 공간에 네 번 쓰는 대신 한 번 쓸 수 있습니다.
<span style="margin-left:64px"></span>
1개의 탭은 64픽셀에 해당합니다.이것이 CSS가 제공할 수 있는 공간입니다.
전체 단락 중 한 줄의 선두에만 긴 공백이 필요한 경우 다음과 같은 해결책이 될 수 있습니다.
<span style='display:inline-block;height:1em;width:4em;'> </span>
쓰기 힘들거나 여러 곳에 탭이 필요한 경우 이 작업을 수행할 수 있습니다.
<span class='tab'> </span>
다음으로 다음 내용을 CSS에 포함합니다.
span.tab {display:inline-block;height:1em;width:4em;}
style="white-space:pre"를 다음과 같이 사용할 수 있습니다.
<p>Text<tab style="white-space:pre"> </tab>: value</p>
<p>Text2<tab style="white-space:pre"> </tab>: value2</p>
<p>Text32<tab style="white-space:pre"> </tab>: value32</p>
탭은 텍스트에 따라 달라집니다.
다음과 같이 표시됩니다.
Text : value
Text2 : value2
Text32 : value32
이상적인 CSS 코드는 "display" 속성과 "min-width" 속성의 조합이어야 합니다.
display: inline-block;
min-width: 10em; // ...for example, depending on the uniform width to be achieved for the items [in a list], which is a common scenario where tab is often needed.
글머리 기호 없이 목록을 사용하여 "탭" 모양을 만듭니다.(MS Word를 사용할 때 가끔 하는 작업입니다.)
CSS 파일:
.tab {
margin-top: 0px;
margin-bottom: 0px;
list-style-type: none;
}
HTML 파일에서는 순서 없는 목록을 사용합니다.
This is normal text
<ul class="tab">
<li>This is indented text</li>
</ul>
이 솔루션의 장점은 중첩 목록을 사용하여 추가 들여쓰기를 할 수 있다는 것입니다.
이쪽에서 이야기를 하고 있으니, 뭔가 잘못이 있으면 코멘트해 주세요.
탭이 필요한 경우
- 편집 가능한 콘텐츠에서도 표와 같이 동작합니다.
- 보기 흉한 "사전" 글꼴을 사용하고 싶지 않다
nbsp 대신 을 사용합니다.
<pre class='TAB'>	</pre>
이것을 CSS에 넣습니다.
.TAB {
margin:0; padding:0;
display:inline;
tab-size: 8;
}
탭 크기를 필요에 따라 변경합니다.
CSS 및 베스트프랙티스를 사용하면 네스트된 들여쓰기 메뉴를 동적으로 작성할 수 있습니다.
- 각각 왼쪽 여백을 지정하여 idd1, idd2 등과 같은 각 중첩에 대한 스타일을 작성합니다.사이트 구조는 세 가지 수준의 중첩을 초과해서는 안 됩니다.
- 재귀를 추적하려면 자가 재귀 함수 내에서 정적 변수(정수)를 사용합니다.
- 루프에 대해 에 추가합니다.
indent이러한 메뉴가 CSS에 의해 적절히 포맷되도록 PHP나 ASP 등의 서버 측 스크립트를 사용합니다.
여러 개의 하여 간격을 추가합니다. ★★★★★★★★★★★★★★★★★」<pre>태그 또는 기타 문자(해당하는 경우)를 지정합니다.
탭에서 "" " " " " " " 를 참조하십시오.	수 되었습니다. 츠키노결과가 다를 수 있습니다.
"사전" 태그만:
<pre>Name: Waleed Hasees
Age: 33y
Address: Palestine / Jein</pre>
이 태그에는 임의의 CSS 클래스를 적용할 수 있습니다.
간단하게 추천할 수 있는 것은, 다음과 같습니다.
/* In your CSS code: */
pre
{
display:inline;
}
<!-- And then, in your HTML code: -->
<pre> This text comes after four spaces.</pre>
<span> Continue the line with other element without braking </span>
<head>
<style> t {color:#??????;letter-spacing:35px;} </style>
</head>
<t>.</t>
색상 코드가 px가 탭의 원하는 길이로 가변적인 배경과 일치하는지 확인합니다.
그런 다음 < t > 뒤에 텍스트를 추가합니다.< / t >
마침표는 공백 홀더로 사용되며 입력이 더 쉽지만 마침표 대신 & #160;'을 사용할 수 있어 색상 코딩이 비상대적입니다.
<head>
<style> t {letter-spacing:35px;} </style>
</head>
<t> </t>
이것은 주로 텍스트 단락을 표시하는 데 유용하지만 스크립트의 다른 부분에서는 유용할 수 있습니다.
언급URL : https://stackoverflow.com/questions/1571648/tab-character-instead-of-multiple-non-breaking-spaces-nbsp
'codememo' 카테고리의 다른 글
| dequeueReusableCellWithIdentifier vs dequeueReusableCellWithIdentifier : forIndexPath를 사용하는 경우 (0) | 2023.04.18 |
|---|---|
| 라디오 버튼이 JQuery에서 확인되었는지 확인합니다. (0) | 2023.04.18 |
| Zsh에는 .bash_profile과 같은 것이 있습니까? (0) | 2023.04.18 |
| NSDictionary 또는 NSMutableDictionary에 키가 포함되어 있는지 확인하는 방법 (0) | 2023.04.18 |
| SQL-Server에 퍼센트 값을 저장하는 가장 좋은 방법은 무엇입니까? (0) | 2023.04.18 |