Không gian tab thay vì nhiều không gian không phá vỡ (khác nbsp)?

959

Có thể chèn một ký tự tab trong HTML thay vì phải gõ  bốn lần?

html 
— Roch
nguồn
21
Tôi thấy thật hữu ích khi sử dụng <PRE> khi sử dụng tab mulple time in the line of the line (for instence when qouting C code)
— Guy Kovel
Một TABnhân vật ... để làm gì?
— Michel de Ruiter
bạn có thể xác định thẻ của riêng mình <tab>, sau đó sử dụng jQuery trên readyhàm để thay thế hoặc đệm chúng với số lượng khoảng trắng tương đương mong muốn.
— Khaled.K
Nếu bạn thực sự cần các tab, hãy thửwhite-space
— Buksy
6
FYI - Nếu một 4x tĩnh &nbsp;(hoặc một &emsp;) không cắt nó và bạn muốn chúng xếp thành cột "4 khoảng cách" tiếp theo, như một tab có thể làm, (có nghĩa là đôi khi thực sự là 0 hoặc 1 hoặc 2 hoặc 2 3 khoảng trắng để xếp hàng) .. chẳng hạn như .. chẳng hạn, một số trình soạn thảo văn bản .. Thật không may, Bạn không thể trong HTML ... mà không <table>... và cũng có thể sử dụng một số khoảng trắng để cố gắng hack nó ... sẽ yêu cầu một phông chữ cố định .... Tôi nghĩ rằng hầu hết các vấn đề nằm giữa nhu cầu về một phông chữ cố định và HTML thích xóa khoảng trắng.
— Pimp Trizkit

Câu trả lời:

582

Sử dụng CSS sạch hơn nhiều. Thay vào đó hãy thử padding-left:5emhoặc margin-left:5emthích hợp.

— Lô hội
nguồn
13
@Alohci Đệm IMHO với CSS không tốt lắm vì khi bạn phóng to văn bản trong trình duyệt, kích thước văn bản sẽ tăng nhưng không phải là đệm AFAIK.
— AlexV
16
@AlexV - Nếu bạn sử dụng emlàm thứ nguyên, như tôi đã làm, nó sẽ mở rộng với kích thước văn bản. Ngay cả khi bạn không, nó sẽ phụ thuộc vào bản chất của cơ chế thu phóng được sử dụng.
— Alohci
2
@DavidThielen - HTML 3, trong đó phần tử TAB xuất hiện là phần không bắt đầu với các nhà sản xuất trình duyệt và phần tử TAB không bao giờ được thực hiện. Thay vào đó, HTML 3.2 được tạo ra có phần đơn giản hơn và được thực hiện thay thế.
— Alohci
2
@Eoin - thực sự. Tức là những gì bạn thực sự muốn trong những trường hợp đó là dừng tab . Nhưng đó không phải là những gì OP đang hỏi. OP đã yêu cầu thay thế cho nhiều không gian không phá vỡ liên tiếp, điều này cũng không sắp xếp các hàng. CSS có một thuộc tab-sizetính là những gì bạn thực sự muốn, nhưng sự hỗ trợ trình duyệt của nó rất thất thường. Không, bố trí bảng hoặc có thể flexbox là cược tốt nhất của bạn.
— Alohci
5
Điều này không trả lời câu hỏi. câu trả lời dưới đây của kristian giải quyết vấn đề mà người dùng đã đăng về
— Pranavan Maru
1265

Nó phụ thuộc vào bộ ký tự bạn muốn sử dụng.

Không có tổ chức quy định tại tab ISO-8859-1 HTML - nhưng có một vài ký tự khoảng trắng khác hơn &nbsp;như &thinsp;, &ensp;, và &emsp;.

Trong ASCII, &#09;là một tab.

Dưới đây là danh sách đầy đủ các thực thể HTML và một cuộc thảo luận hữu ích về khoảng trắng trên Wikipedia .

— bác sĩ
nguồn
2
Sự khác biệt giữa &ensp;và &emsp;? Tôi đã thử nghiệm, cả hai đều có cùng một không gian ..!
— Shafizadeh
3
Nước sốt bí mật để làm & # 09; hiển thị dưới dạng khoảng trắng được gắn thẻ trong HTML là định nghĩa CSS khoảng trắng. <p style = "display: inline-block; white-space: pre-quấn;"> & # 09; ¡Muy bien! Tabbing hoạt động với tôi bằng tiếng Tây Ban Nha và tiếng Anh </ p>. khoảng trắng: trước; cũng hoạt động. Bạn cũng có thể sử dụng thẻ "tab" <tab /> cùng với CSS :: trước tab Selector :: trước {content: "\ 0009";} nhưng nó không hiển thị dưới dạng tab khi tô sáng, cắt và dán .
— Jules Bartow
3
@Shafizadeh Từ thông số kỹ thuật của W3 : một không gian en bằng một nửa kích thước điểm và một không gian em bằng với kích thước điểm của phông chữ hiện tại. &emsp;là lớn hơn một chút. Tôi có thể thấy sự khác biệt trong Chrome 64 và FireFox 58.
— Dmitry
Đã tìm kiếm điều này khi xây dựng một truy vấn concat () lớn trong MySQL để sử dụng trong Báo cáo tinh thể. ASCII (& # 09;) đã hoàn thành công việc một cách hoàn hảo!
— Mike D Wakelyn
Đây là những gì tôi đang tìm kiếm. Tôi đã tìm ra một số tiêu đề bằng cách sử dụng thuộc tính dòng cuối cùng, nhưng tôi không muốn một số trong số chúng bị phá vỡ. Các & consp; ngăn chặn điều đó
— Alex Banman
237

Không, Tab chỉ là khoảng trắng khi có liên quan đến HTML. Tôi muốn giới thiệu một không gian em thay vì cái này lớn (→ | | ←) ... thường rộng 4 không gian - và được nhập vào dưới dạng &emsp;.

Thậm chí, bạn có thể thoát khỏi việc sử dụng ký tự Unicode ("  ") cho nó, nếu bạn may mắn.

— Sẽ Robertson
nguồn
195

& emsp; là câu trả lời.

Tuy nhiên, chúng sẽ không hoạt động như bạn mong đợi nếu bạn quen sử dụng các bảng ngang trong trình xử lý văn bản, ví dụ như Word, Wordperinf, Open Office, Wordworth, v.v. Chúng có chiều rộng cố định và chúng không thể được tùy chỉnh.

CSS cung cấp cho bạn quyền kiểm soát lớn hơn và cung cấp giải pháp thay thế cho đến khi W3C cung cấp giải pháp chính thức.

Thí dụ:

padding-left:4em

..hoặc là..

margin-left:4em

.. thích hợp

Nó phụ thuộc vào bộ ký tự bạn muốn sử dụng.

Bạn có thể thiết lập một số thẻ tab và sử dụng chúng tương tự như cách bạn sẽ sử dụng thẻ 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>

... và sử dụng chúng như vậy:

<!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>
Mở rộng đoạn trích

Chạy đoạn trích trên để xem một ví dụ trực quan.

Thảo luận thêm

Không có thực thể lập bảng ngang được định nghĩa trong ISO-8859-1 HTML, tuy nhiên, có một số ký tự khoảng trắng khác có sẵn hơn bình thường &nbsp, chẳng hạn; &thinsp;, &ensp;Và đề cập ở trên &emsp;.

Điều đáng nói là trong ASCII và Unicode, &#09;là một bảng theo chiều ngang.

— WonderWork
nguồn
2
Đây không phải là hợp lệ XHTMLtheo trình xác nhận W3
— Buksy
Điều đó chỉ đúng một nửa, vì & emsp; đúng là đánh dấu W3C hợp lệ. Nhưng bạn rõ ràng đang đề cập đến ví dụ CSS thuận lợi. Trong trường hợp này, chúng tôi đang sử dụng các thẻ tùy chỉnh, là các đánh dấu mới và không phải là một phần của bộ W3C. Trình xác nhận W3C nghiêm ngặt ở mức độ luôn gắn cờ các thẻ tùy chỉnh là lỗi. Điều đó tùy thuộc vào bạn, điều quan trọng hơn. Đã đến lúc chúng ta có một ý nghĩa chính thức của các tab được thêm vào bộ đánh dấu Html. Hi vọng điêu nay co ich.
— WonderWorker
2
Tôi đã sử dụng điều này trong trường hợp cho các tiêu đề Swing JTable có giá trị Chuỗi và ký tự kiểu mũi tên HTML, trong đó tôi cần ký tự này làm dấu phân cách. Hoạt động tuyệt vời! Cảm ơn!
— Blake Neal
2
"Lạ lùng thay, không có tab ngang trong html" Không phải tất cả đều kỳ quặc vì định dạng đã liên tục di chuyển khỏi html và vào css, và một tab không phải là một yếu tố trực quan chỉ là một yếu tố định dạng, nhưng câu trả lời hay và được giải thích rõ
— MikeT
75

Dưới đây là 3 cách khác nhau được HTML cung cấp để chèn không gian trống

  1. Nhập &nbsp;để thêm một không gian duy nhất.
  2. Nhập &ensp;để thêm 2 dấu cách.
  3. Nhập &emsp;để thêm 4 khoảng trắng.
— sanjeev51
nguồn
3
Chỉ cần thêm ;vào chúng quá. Thích&nbsp;
— Amio.io
2
Câu trả lời này thực sự trả lời câu hỏi. Thật ngu ngốc khi một câu trả lời CSS được đánh dấu là câu trả lời.
— Mani
@Mani Câu hỏi đã được hỏi vào năm 2009 và câu trả lời được chấp nhận là từ năm 2009. Câu trả lời này đã được thêm vào năm 2018 .. Khi bạn nhìn nó theo cách đó, nó không ngu ngốc.
— ᴛʜᴇᴘᴀᴛᴇʟ
@ Quên nếu điều này thực sự trả lời câu hỏi hay không nhưng câu được đánh dấu không trả lời chính xác là điểm tôi đang cố gắng thực hiện.
— Mani
Đây là câu trả lời thích hợp thực tế. Cảm ơn!
— Ariel Monaco
67

Thử &emsp;

Nó tương đương với bốn &nbsp;s.

— Con dê Abhishek
nguồn
Trong thực tế không phải là câu trả lời đúng như w3.org/MarkUp/html3/specialchars.html . rõ ràng nói rằng nó phụ thuộc vào loại phông chữ được sử dụng, không gian em cũng bằng kích thước điểm của phông chữ hiện tại và không gian em tương đương với hai ký tự khoảng
— trắng
52

Thực sự không có cách nào dễ dàng để chèn nhiều khoảng trắng bên trong (hoặc ở giữa) của một đoạn. Những người đề nghị bạn sử dụng CSS đang thiếu điểm. Bạn có thể không phải lúc nào cũng cố gắng thụt lề một đoạn từ một phía, nhưng trên thực tế, cố gắng đặt thêm khoảng trắng ở một vị trí cụ thể của nó.

Về bản chất, trong trường hợp này, các không gian trở thành nội dung và không phải là phong cách. Tôi không biết tại sao rất nhiều người không nhìn thấy điều đó. Tôi đoán sự cứng nhắc mà họ cố gắng thực thi tách biệt quy tắc nội dung và phong cách (HTML được thiết kế để thực hiện cả hai từ đầu - không có gì sai khi thỉnh thoảng xác định kiểu của một yếu tố duy nhất bằng cách sử dụng các thẻ thích hợp mà không phải tốn nhiều tiền hơn đã đến lúc tạo các biểu định kiểu CSS và hoàn toàn không có gì khó đọc về nó khi nó được sử dụng ở mức độ vừa phải. Ngoài ra còn có một điều được cho là có thể làm một cái gì đó nhanh chóng.) dịch sang cách chúng chỉ có thể coi các ký tự khoảng trắng chỉ được sử dụng cho phong cách và thụt lề.

Và khi không có cách nào duyên dáng để chèn khoảng trắng mà không cần phải dựa vào &emsp;và &nbsp;gắn thẻ, tôi sẽ lập luận rằng mã kết quả sẽ trở nên khó đọc hơn nhiều so với việc có một thẻ được đặt tên thích hợp sẽ cho phép bạn nhanh chóng chèn một số lượng lớn khoảng trắng (hoặc nếu, bạn biết, không gian không được tiêu thụ ở nơi đầu tiên).

Mặc dù vậy, như đã nói ở trên, cách tốt nhất của bạn là sử dụng &emsp;để chèn vào đúng chỗ.

— Đêm
nguồn
1
HTML không được thiết kế từ đầu để được tạo kiểu tùy chỉnh.
— Markus Unterwaditzer
Yêu quan điểm của bạn về cách thụt không phải luôn luôn là những gì mọi người muốn!
— Chương trình Redwolf
46

Tốt hơn là sử dụng thẻ trước . Các tiền thẻ định nghĩa định dạng sẵn văn bản.

<pre>
 This is
preformatted text.
It preserves      both spaces

and line breaks.

</pre>

biết thêm về thẻ trước tại liên kết này

— Srikanth Muttavarapu
nguồn
1
@HuzaifaSaifuddin nghĩa là gì? <pre>được chuẩn hóa trong HTML5 với hành vi tương tự như trong HTML4.
— Sumit
Tôi xin lỗi tôi không biết Y tôi đã viết điều đó .. Tôi đồng ý với những gì bạn nói..Xin lỗi vì thông tin sai
— Huzaifa Saifuddin
Tôi đã định dạng đầu ra để dán vào bảng tính và điều này cho phép tôi chèn các ký tự để tạo tab. Chắc chắn là câu trả lời của tôi. Tốt đi
— Craig Brett
1
Đây là tùy chọn tốt nhất IMHO. Ngoài ra, chúng tôi có thể áp dụng định nghĩa kiểu trên <pre>, vì vậy chúng tôi có thể có phông chữ 'monospace' chính xác nếu cần. Ví dụ: pre {font-family: "Lucida Console", Monaco, không gian vũ trụ; cỡ chữ: 90%; }
— tiếng vang
41

Tôi đã bắt gặp điều này trong khi tìm kiếm một phương pháp và cuối cùng đã tìm ra phương pháp của riêng tôi dường như hoạt động dễ dàng cho những gì muốn. Tôi mới đăng bài ở đây vì vậy tôi hy vọng nó hoạt động ... Nhưng có cái này trong CSS:

span.tab{
    padding: 0 80px; /* Or desired space*/
}

Sau đó, trong HTML của bạn có "tab dài" của bạn ở giữa câu như tôi cần:

<span class="tab"></span>

Tiết kiệm từ số lượng &nbsp;hoặc &emsp;mà bạn cần.

Hy vọng điều này sẽ giúp ai đó, chúc mừng!

— Cướp
nguồn
3
Điều này sẽ thêm 80px ở bên trái và 80px ở bên phải của spanthẻ, không chính xác là một tab.
— mcont
Vẫn là một phản hồi thông minh vì bạn chỉ thêm một chút đánh dấu trong khi cho phép CSS thực hiện kiểu dáng.
— mời
9

Nếu khoảng trắng trở nên rằng quan trọng, nó có thể là tốt hơn để sử dụng văn bản định dạng sẵn và <pre> thẻ.

— pavium
nguồn
OP không quá đặc biệt về khoảng trắng, chỉ hỏi về các phím tắt cho nhiều người &nbsp;. Gọi <pre>thẻ sẽ tạo ra rất nhiều công việc phụ.
— đẳng cấu
Để tránh phông chữ đơn cách, hãy sử dụng css "white-space: pre-quấn"
— hultqvist
Khoảng trắng không phải là một that importantđiều. Đó là một thực tế của cuộc sống.
— Chương trình Redwolf
9

Nếu bạn đang tìm cách thụt lề câu đầu tiên trong một đoạn văn, bạn có thể làm điều đó với một mẹo CSS nhỏ:

p:first-letter {
    margin-left: 5em;
}
— peirix
nguồn
Vâng. Điều đó cũng sẽ làm việc. Chỉ cần nhớ đặt nó vào :first-letternếu điểm chỉ thụt vào câu đầu tiên.
— peirix
9

Thẻ <tab> không bao giờ được đưa vào trình duyệt, mặc dù được giới thiệu trong HTML3. Tôi đã luôn nghĩ rằng thật đáng tiếc vì cuộc sống sẽ dễ dàng hơn trong nhiều trường hợp nếu chúng ta có sẵn nó cho chúng ta. Nhưng bạn có thể dễ dàng khắc phục điều này để cung cấp cho bạn thẻ <tab> giả. Thêm phần sau vào phần đầu HTML hoặc phần khác (không có thẻ kiểu) vào CSS của bạn:

<style>
    tab { padding-left: 4em; }
</style>

Từ đó trở đi, khi bạn cần một tab trong tài liệu của mình, hãy đặt <tab> vào đó. Đây không phải là một tab thực sự bởi vì nó không phù hợp với các dấu tab, nhưng nó hoạt động cho hầu hết các nhu cầu, mà không phải hòa hợp với các thực thể nhân vật vụng về hoặc các nhịp. Việc kiểm tra nguồn của bạn thực sự dễ dàng và một cinch để định dạng những thứ đơn giản mà bạn không muốn gặp rắc rối với các bảng hoặc các "giải pháp" phức tạp khác.

Một khía cạnh hay của giải pháp này là bạn có thể thực hiện tìm kiếm / thay thế nhanh chóng một tài liệu văn bản để thay thế tất cả các TAB bằng thẻ <tab>.

Bạn có thể xác định một loạt các TAB vị trí tuyệt đối thực sự, sau đó sử dụng tab thích hợp (ví dụ: <tab2> hoặc <tab5> hoặc bất cứ điều gì) khi cần, nhưng tôi chưa tìm được cách nào để làm điều đó mà không cần thụt dòng tiếp theo .

— người dùng1388236
nguồn
7

Bạn có thể sử dụng một bảng và áp dụng một widththuộc tính cho đầu tiên <td>.

Mã số:

<table>
    <tr>
        <td width="100">Content1</td>
        <td>Content2</td>
    </tr>
    <tr>
        <td>Content3</td>
        <td>Content4</td>
    </tr>
</table>

Kết quả

Content1       Content2
Content3       Content4
— mangkokorix
nguồn
Cảm ơn!! Đây là giải pháp tốt nhất và chung nhất cho các tình huống không thể sử dụng CSS.
— John Henckel
6

Tôi đã sử dụng một nhịp với kiểu dáng trong dòng. Tôi đã phải làm điều này khi tôi xử lý một chuỗi văn bản thuần túy và cần thay thế \ t bằng 4 khoảng trắng (appx). Tôi không thể sử dụng &nbsp;nhiều hơn trong quá trình họ đang được giải thích để đánh dấu cuối cùng có không gian không có nội dung.

HTML:

<span style="padding: 0 40px">&nbsp;</span>

Tôi đã sử dụng nó trong một hàm php như thế này:

$message = preg_replace('/\t/', '<span style="padding: 0 40px">&nbsp;</span>', $message);
— Gordy
nguồn
6

Nếu bạn chỉ cần một tab, sau đây làm việc cho tôi.

<style>
  .tab {
    position: absolute;
    left: 10em;
   }
</style>

với HTML giống như:

<p><b>asdf</b> <span class="tab">99967</span></p>
<p><b>hjkl</b> <span class="tab">88868</span></p>

Bạn có thể thêm nhiều "tab" hơn bằng cách thêm các kiểu "tab" bổ sung và thay đổi HTML, chẳng hạn như:

<style>
  .tab {
    position: absolute;
    left: 10em;
   }
  .tab1 {
    position: absolute;
    left: 20em;
   }
</style>

với HTML giống như:

<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>
— StrangeDucks
nguồn
4

Nếu bạn đang sử dụng CSS, tôi sẽ đề xuất như sau:

p:first-letter { text-indent:1em; }

Điều này sẽ thụt dòng đầu tiên như trong các ấn phẩm truyền thống.

— Slevin
nguồn
4

Có một css đơn giản cho nó:

white-space: pre;

Nó giữ các khoảng trắng mà bạn thêm vào HTML thay vì thống nhất chúng.

— Avi
nguồn
3 
<span style="margin-left:64px"></span>

Hãy xem xét nó như thế này: một tab bằng 64 pixel. Vì vậy, đây là không gian chúng ta có thể cung cấp bởi CSS.

— Mateen
nguồn
3

chúng ta có thể sử dụng style = "white-space: pre" như thế này:

<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>

không gian trống bên trong chứa đầy các tab, số lượng tab phụ thuộc vào văn bản.

nó sẽ trông như thế này:

Text    : value
Text2   : value2
Text32  : value32
— Dendyanri
nguồn
3

Mã CSS lý tưởng nên được sử dụng phải là sự kết hợp của các thuộc tính "display" và "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.
— Olumide
nguồn
2

Chà, nếu người ta cần một khoảng trắng dài ở đầu một dòng chỉ trong toàn bộ đoạn, thì đây có thể là một giải pháp:

<span style='display:inline-block;height:1em;width:4em;'>&nbsp;</span>

Nếu đó là quá nhiều để viết hoặc một người cần các tab như vậy ở nhiều nơi, thì bạn có thể làm điều này

<span class='tab'>&nbsp;</span>

Sau đó đưa phần này vào CSS:

span.tab {display:inline-block;height:1em;width:4em;}
— Evgeny Savelev
nguồn
2

Tôi sử dụng một danh sách không có đạn để hiển thị "theo thẻ". (Đó là những gì tôi đôi khi làm khi sử dụng MS Word)

Trong tệp CSS:

.tab {
    margin-top: 0px;
    margin-bottom: 0px;
    list-style-type: none;
}

Và trong tệp HTML sử dụng danh sách không có thứ tự:

This is normal text
<ul class="tab">
    <li>This is indented text</li>
</ul>

Vẻ đẹp của giải pháp này là bạn có thể tạo ra các vết lõm tiếp theo bằng cách sử dụng các danh sách lồng nhau.

Một noob ở đây nói chuyện, vì vậy nếu có bất kỳ lỗi nào, xin vui lòng bình luận.

— f7
nguồn
(x) HTML nên chỉ định nội dung của tài liệu, cách nó được hiển thị nên được xử lý bằng CSS. Có nhiều lý do khiến việc đặt các trang web sử dụng bảng không bao giờ được sử dụng cho dữ liệu không phải là bảng.
— Nielsvh
1

chúng tôi sử dụng lớp khoảng không gian tùy chỉnh

<span class='space'></span>

Bao gồm lớp không gian trong CSS.

.space 
{
   margin-left:45px;
}
— phát ban
nguồn
1
Như trong câu trả lời của Alohci, vui lòng sử dụng em/ remphép đo, để cho phép thu phóng văn bản trình duyệt.
— Charlie Harding
0

Sử dụng CSS và thực hành tốt nhất, việc tạo động của các menu được lồng vào nhau, thụt lề sẽ như sau:

  1. Tạo một kiểu cho mỗi lồng, chẳng hạn như indent1, indent2, v.v., với mỗi kiểu chỉ định lề trái của chính nó. Cấu trúc trang web hiếm khi vượt quá ba cấp độ lồng nhau.
  2. Sử dụng một biến tĩnh (số nguyên) trong hàm tự đệ quy để theo dõi đệ quy.
  3. Đối với mỗi vòng lặp, hãy nối số vòng lặp vào từ indent, sử dụng tập lệnh phía máy chủ như PHP hoặc ASP, để các menu này được định dạng thích hợp bằng CSS.

Hoặc, lặp qua biến tĩnh để thêm khoảng cách bằng cách sử dụng nhiều &nbsp;hoặc <pre>thẻ hoặc các ký tự khác, nếu phù hợp.

Từ việc kiểm tra ký tự tab ngang, &#09;tôi thấy rằng nó không hoạt động như một sự thay thế cho nhiều &nbsp;trong kịch bản mà tôi đã mô tả. Bạn có thể có kết quả khác nhau.

— Ro Mc
nguồn
0

Đây là một chút của một giải pháp xấu xí nhưng bạn có thể làm điều này

var tab = '&nbsp;&nbsp;&nbsp;&nbsp;';

Và sau đó sử dụng biến tab trong chuỗi của bạn.

— Aonghus McGitas
nguồn
0

Chỉ thẻ "trước":

<pre>Name:      Waleed Hasees
Age:        33y
Address:    Palestine / Jein</pre>

Bạn có thể áp dụng bất kỳ lớp CSS nào trên thẻ này.

— Yanni
nguồn
0

Tôi chỉ muốn giới thiệu:

/* 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>
— yaveaea
nguồn
0 
<head>
<style> t {color:#??????;letter-spacing:35px;} </style>
</head>

<t>.</t>

Đảm bảo mã màu khớp với nền mà px có thể thay đổi theo độ dài mong muốn cho tab.

Sau đó thêm văn bản của bạn sau <t>. </ T>

Khoảng thời gian được sử dụng làm chủ sở hữu không gian và dễ nhập hơn, nhưng '& # 160;' có thể được sử dụng thay cho thời kỳ cũng làm cho nó để mã màu là không liên quan.

<head>
<style> t {letter-spacing:35px;} </style>
</head>

<t>&#160;</t>

Điều này hữu ích chủ yếu để hiển thị các đoạn văn bản mặc dù có thể hữu ích trong các phần khác của tập lệnh.

— Eric A. T Ink
nguồn
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookie và Chính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.