Birden çok kesilmeyen boşluk (“nbsp”) yerine sekme alanı mı?

959

 Dört kez yazmak yerine HTML'ye bir sekme karakteri eklemek mümkün müdür ?

html 
— Roch
kaynak
21
Satırın başlangıcında sekme mulple süresini kullanırken <PRE> kullanmanın yararlı olduğunu düşünüyorum (C kodunu qout yaparken içgüdü için)
— Guy Kovel
Bir TABkarakter ... ne yapacak?
— Michel de Ruiter
kendi etiketinizi tanımlayabilir <tab>, ardından istediğiniz sayıda eşdeğer boşlukla değiştirmek veya doldurmak için jQuery on readyişlevini kullanabilirsiniz .
— Khaled.K
Gerçekten sekmelere ihtiyacınız varsa, bir deneyinwhite-space
— Buksy
6
FYI - Statik 4x &nbsp;(veya tekli &emsp;) kesmiyorsa ve bir sekme yapabileceği gibi bir sonraki "4 aralıklı" sütuna hizalamalarını istiyorsanız (bu bazen aslında 0 veya 1 veya 2 veya 3 boşluk olmadan ... Sen HTML olamaz, maalesef .., söz hakkından içinde .. mesela gibi ..) bazı metin editörleri sıraya <table>kesmek için denemek için boşluk bir miktar kullanılarak, aynı zamanda s ... ve ... sabit bir yazı tipi gerektirecektir .... Bence sorunların çoğu sabit yazı tipi ihtiyacı ve HTML boşluk kaldırmak için seviyor.
— Pezevenk Trizkit

Yanıtlar:

582

CSS kullanmak çok daha temiz. Bunun yerine padding-left:5emveya margin-left:5emuygun şekilde deneyin .

— Alohci
kaynak
13
@ CSS ile Alohci IMHO dolgusu o kadar iyi değil çünkü tarayıcıdaki metni yakınlaştırdığınızda metin boyutu artacak, ancak dolgu AFAIK değil.
— AlexV
16
@AlexV - emBoyut olarak kullandığım gibi, metin boyutuyla birlikte genişlemelidir. Yapmasanız bile, kullanılan zoom mekanizmasının doğasına bağlı olacaktır.
— Alohci
2
@DavidThielen - SEKME öğesinin göründüğü HTML 3, tarayıcı üreticileri tarafından başlatılmamıştı ve SEKME öğesi hiçbir zaman uygulanmadı. Bunun yerine, biraz daha basit olan HTML 3.2 oluşturuldu ve bunun yerine uygulandı.
— Alohci
2
@Eoin - gerçekten. Yani bu durumlarda gerçekten istediğiniz şey sekme durakları . Ama OP'nin sorduğu şey bu değildi. OP, sıraları sıralamayacak birden fazla ardışık kırılmayan alanın yerini almasını istiyordu. CSS'nin tab-sizegerçekten istediğiniz bir özelliği var, ancak tarayıcı desteği düzensiz. Bunu başaramazsanız, masa düzeni veya belki flexbox en iyi bahislerinizdir.
— Alohci
5
bu soruya cevap vermiyor. kristian tarafından aşağıdaki yanıt, kullanıcının gönderdiği sorunu ele alıyor
— Pranavan Maru
1265

Hangi karakter kümesini kullanmak istediğinize bağlıdır.

ISO-8859-1 HTML tanımlanmış sekme varlık yoktur - ama dışındaki boşluk karakteri bir çift vardır &nbsp;gibi &thinsp;, &ensp;ve &emsp;.

ASCII'de &#09;bir sekmedir.

İşte HTML varlıklarının tam listesi ve Wikipedia'daki boşluk hakkında yararlı bir tartışma .

— kristian
kaynak
2
Arasında ne fark olduğunu &ensp;ve &emsp;? Test ettim, ikisi de tamamen aynı alana sahip ..!
— Shafizadeh
3
Yapmak için gizli sos & # 09; HTML'de sekmeli bir boşluk olarak görünmek beyaz boşluk CSS tanımıdır. <p style = "display: satır içi blok; beyaz boşluk: ön sarma;"> & # 09; uy Muy bien! Sekme benim için İspanyolca ve İngilizce olarak çalışıyor </p>. beyaz alanı: önceden; ayrıca çalışır. Ayrıca, "sekme" etiketi <sekme /> ile birlikte CSS :: Selector sekmesinden önce :: {content: "\ 0009";} tarihinden önce de kullanabilirsiniz, ancak vurgulama, kesme ve yapıştırma sırasında bir sekme olarak görünmez .
— Jules Bartow
3
@Shafizadeh W3 özelliklerinden : bir en boşluk nokta boyutunun yarısıdır ve em boşluğu mevcut yazı tipinin nokta boyutuna eşittir. &emsp;biraz daha büyük. Chrome 64 ve FireFox 58'deki farkı görebiliyorum.
— Dmitry
Bir Crystal Report'ta kullanılmak üzere MySQL'de büyük bir concat () sorgusu oluştururken bunu arıyordu. ASCII (& # 09;) işi mükemmel bir şekilde yaptı!
— Mike D Wakelyn
Aradığım şey buydu. Son satırı yaslama niteliğini kullanarak bazı başlıklar bıraktım, ancak bazılarının parçalanmasını istemiyorum. & Ensp; bunu engelledi.
— Alex Banman
195

ve EMSP; cevap.

Ancak, Word, Wordperfect, Open Office, Wordworth, vb. Gibi sözcük işlemcilerinde yatay tabloları kullanmaya alışkınsanız, beklediğiniz kadar işlevsel olmazlar. Sabit genişliktedirler ve özelleştirilemezler.

CSS size çok daha fazla kontrol sağlar ve W3C resmi bir çözüm sunana kadar bir alternatif sunar.

Misal:

padding-left:4em

..veya..

margin-left:4em

..uygun

Hangi karakter kümesini kullanmak istediğinize bağlıdır.

Bazı sekme etiketleri ayarlayabilir ve h etiketlerini nasıl kullandığınıza benzer şekilde kullanabilirsiniz.

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

... ve şu şekilde kullanın:

<!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>
Snippet'i genişlet

Görsel bir örnek görmek için yukarıdaki snippet'i çalıştırın.

Ekstra tartışma

ISO-8859-1 HTML'de tanımlanan yatay tablolama varlıkları yoktur, ancak normalden başka bazı beyaz boşluk karakterleri de vardır &nbsp; &thinsp;, &ensp;Ve yukarıda değindiğimiz &emsp;.

Ayrıca ASCII ve Unicode'da &#09;yatay bir tablo olduğunu belirtmek gerekir .

— mucizeler
kaynak
2
Bu, W3 doğrulayıcıyaXHTML göre geçerli değildir
— Buksy
Bu sadece yarı doğrudur, çünkü & emsp; geçerli geçerli W3C işaretlemesi. Ancak açıkça uygun CSS örneğinden bahsediyorsunuz. Bu durumda, yeni işaretleme olan ve W3C setinin parçası olmayan özel etiketler kullanıyoruz. W3C doğrulayıcı, özel etiketleri her zaman hata olarak işaretleme derecesine sıkı sıkıya bağlıdır. Daha önemli olan size kalmış. Html işaretleme kümesine eklenmiş sekmelerin iyi bir resmi aktarımını almanın zamanı geldi. Bu yardımcı olur umarım.
— WonderWorker
2
Ben bir String değeri ve bir HTML ok tipi karakter Swing JTable üstbilgileri için bir durumda bu bir ayırıcı olarak gereken burada kullanılır. Harika çalışıyor! Teşekkürler!
— Blake Neal
2
"Garip bir şekilde, html'de yatay bir sekme yok" Biçimlendirme sürekli olarak
— html'den css'e taşındı
75

Aşağıda, boş alan eklemek için HTML tarafından sağlanan 3 farklı yol bulunmaktadır

  1. Tip &nbsp;tek bir boşluk ekleyin.
  2. Tip &ensp;2 boşluk ekleyin.
  3. Tip &emsp;4 boşluk ekleyin.
— sanjeev51
kaynak
3
Sadece ;onlara da ekleyin . Beğen&nbsp;
— Amio.io
2
Bu cevap aslında soruyu cevaplıyor. Bir CSS cevabının cevap olarak nasıl işaretlendiği aptalca.
— Mani
@Mani Soru 2009'da sorulmuş ve kabul edilen cevap 2009'dan alınmıştır. Bu cevap 2018 yılında eklenmiştir .. Bu şekilde baktığınızda aptalca değildir.
— ᴛʜᴇᴘᴀᴛᴇʟ
@ this Bunun soruyu gerçekten yanıtlayıp yanıtlamadığını unutun ama işaretli doğru cevap vermediğim, yapmaya çalıştığım noktadır.
— Mani
Bu gerçek doğru cevaptır. Teşekkürler!
— Ariel Monaco
67

Deneyin &emsp;

Dört &nbsp;saniyeye eşittir .

— Abhishek Goel
kaynak
Aslında w3.org/MarkUp/html3/specialchars.html olarak doğru cevap değildir . açıkça kullanılan yazı tipine bağlı olduğunu söylüyor, ayrıca em alanı mevcut yazı tipinin nokta boyutuna eşittir ve em alanı iki boşluk karakteri ile eşdeğer olarak
— le0diaz
52

Paragrafın içine (veya ortasına) birden çok boşluk eklemenin kolay bir yolu yoktur. CSS kullanmanızı önerenler noktayı kaçırıyor. Paragrafı her zaman bir kenardan girintilemek değil, aslında belirli bir noktaya fazladan boşluklar koymaya çalışıyor olabilirsiniz.

Özünde, bu durumda, boşluk haline içerik ve değil stili. Neden bu kadar çok insanın bunu görmediğini bilmiyorum. Stil ve içerik kuralının ayrılmasını zorlamaya çalıştıkları sertliği tahmin ediyorum (HTML her ikisinden de başlayacak şekilde tasarlandı - çok daha fazla harcama yapmadan uygun etiketleri kullanarak benzersiz bir öğenin stilini zaman zaman tanımlamakta yanlış bir şey yok CSS stil sayfaları oluşturma zamanıdır ve ölçülü olarak kullanıldığında kesinlikle okunamaz bir şey yoktur.Ayrıca, bir şeyi hızlı bir şekilde yapabilmek için söylenecek bir şey de vardır.) yalnızca boşluk karakterlerini yalnızca stil ve girinti.

Ve güvenmeye gerek kalmadan boşluk eklemenin zarif bir yolu olmadığında &emsp;ve &nbsp;etiketleri, sonuçta ortaya çıkan kodun, çok sayıda boşluk hızlı bir şekilde eklemenize izin verecek uygun şekilde adlandırılmış bir etiket olduğundan çok daha okunmaz hale geldiğini iddia ederim. (ya da bilirsiniz, boşluklar ilk etapta gereksiz yere tüketilmediyse).

Yine de, yukarıda söylendiği gibi, en iyi bahis &emsp;doğru yere yerleştirmek için kullanmaktır .

— GonzoKnight
kaynak
1
HTML en başından beri özel olarak tasarlanacak şekilde tasarlanmamıştır.
— Markus Unterwaditzer
Girintinin her zaman insanların istediği şey olmadığına dair fikrinizi seviyorum!
— Redwolf Programları
46

Ön etiketi kullanmak daha iyidir . Ön etiketi tanımlar metni önceden biçimlendirilmiştir.

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

and line breaks.

</pre>

bu bağlantıdaki ön etiket hakkında daha fazla bilgi edinin

— Srikanth Muttavarapu
kaynak
1
@HuzaifaSaifuddin ne demek istiyorsun? <pre>olduğu HTML5'teki standardize HTML4 aynı davranışla.
— Sumit
Üzgünüm bilmiyorum Y yazdım .. Söylediklerini kabul ediyorum ... Yanlış bilgi için
— üzgünüm
Çıktıları elektronik tablolara yapıştırılacak şekilde biçimlendiriyordum ve bu sekme yapmak için \ t karakterleri eklememe izin verdi. Kesinlikle benim cevabımdı. İyi gidiyor.
— Craig Brett
1
Bu en iyi seçenek IMHO. Ayrıca, <pre> üzerine bir stil tanımı uygulayabiliriz, böylece gerekirse doğru 'tek aralıklı' yazı tipine sahip olabiliriz. Örnek: ön {font-family: "Lucida Console", Monako, tek aralık; yazı tipi boyutu:% 90; }
— reverpie
41

Bir yöntem ararken buna rastladım ve istediğim şey için kolayca işe yarayan bir şey buldum. Buraya gönderme konusunda yeniyim, umarım bu işe yarar ... Ama bunu CSS'de yap:

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

Sonra HTML içinde bu benim gibi cümle orta cümlede "uzun sekmesi" var:

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

İhtiyacınız olan miktar &nbsp;veya miktardan &emsp;tasarruf sağlar.

Umarım bu birine yardımcı olur, şerefe!

— soymak
kaynak
3
Bu, spantam olarak bir sekme değil , etiketin soluna 80 piksel ve sağına 80 piksel ekleyecektir .
— mcont
Yine de akıllı bir yanıt, çünkü CSS'in stil yapmasına izin verirken sadece kısa bir işaretleme ekliyorsunuz.
— invot
9

Boşluk bu kadar önemli hale gelirse , önceden biçimlendirilmiş metin ve <pre> etiketini kullanmak daha iyi olabilir.

— pavium
kaynak
OP, boşluk hakkında o kadar özel değil, sadece çoklu kısayollar için kısayollar sordu &nbsp;. <pre>Etiketi çağırmak çok fazla ekstra iş yaratacaktır.
— izomorfizmalar
Tek aralıklı yazı tipinden kaçınmak için css "white-space: pre-wrap" kullanın
— hultqvist
Boşluk bir that importantşey değildir . Bu hayatın bir gerçeği.
— Redwolf Programları
9

Bir paragraftaki ilk cümleyi girintilemek istiyorsanız, bunu küçük bir CSS hile ile yapabilirsiniz:

p:first-letter {
    margin-left: 5em;
}
— peirix
kaynak
Evet. Bu da işe yarayacak. Sadece üzerine koydu unutmayın :first-letternoktası sadece ilk cümlesini girinti istiyorsa.
— peirix
9

<tab> etiketi, HTML3'te kullanılmasına rağmen, tarayıcılara hiç girmedi. Her zaman gerçek bir acıma düşündüm, çünkü bizim için mevcut olsaydı hayat birçok durumda çok daha kolay olurdu. Ancak size sahte bir <tab> etiketi vermek için bunu kolayca düzeltebilirsiniz. Aşağıdakileri HTML'nizin başına veya başka bir yere (stil etiketleri olmadan) CSS'nize ekleyin:

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

O andan itibaren, belgenizde bir sekmeye ihtiyacınız olduğunda oraya <tab> koyun. Sekme işaretleriyle hizalanmadığı için gerçek bir sekme değildir, ancak beceriksiz karakter varlıkları veya açıklıkları ile dolaşmak zorunda kalmadan çoğu ihtiyaç için çalışır. Kaynağınızı kontrol etmeyi gerçekten kolaylaştırır ve tabloların veya diğer daha karmaşık "çözümlerin" zorluğuna gitmek istemediğiniz basit şeyleri biçimlendirmek için bir cinch.

Bu çözümün güzel bir yönü, tüm SEKMELER'i <tab> etiketiyle değiştirmek için bir metin belgesinde hızlı bir arama / değiştirme yapabilmenizdir.

Bir grup gerçek mutlak konum TAB'si tanımlayabilir, ardından gerekli sekmeyi (örn. <tab2> veya <tab5> veya her neyse) kullanın, ancak sonraki satırlara girintisiz yapmanın bir yolunu bulamadım .

— user1388236
kaynak
7

Bir tablo kullanabilir ve birinciye widthnitelik uygulayabilirsiniz <td>.

Kod:

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

Sonuç

Content1       Content2
Content3       Content4
— mangkokorix
kaynak
Teşekkürler!! Bu, CSS'nin mümkün olmadığı durumlar için en iyi ve en genel çözümdür.
— John Henckel
6

Çizgi şekillendirme ile bir açıklık kullandım. Düz metin dizesini işleme olarak bunu yapmak zorunda kaldım ve 4 boşluk (appx) ile \ t değiştirmek gerekiyor. Kullanamadım&nbsp;Yorumlandığı süreçte daha fazla , böylece son işaretleme içeriksiz alanlara sahipti.

HTML:

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

Ben böyle bir php işlevinde kullanılır:

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

Yalnızca bir sekmeye ihtiyacınız varsa, aşağıdakiler benim için çalıştı.

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

HTML ile şöyle bir şey:

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

Ek "sekme" stilleri ekleyerek ve HTML'yi aşağıdaki gibi değiştirerek daha fazla "sekme" ekleyebilirsiniz:

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

HTML ile şöyle bir şey:

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

CSS kullanıyorsanız aşağıdakileri öneririm:

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

Bu, geleneksel yayınlardaki gibi ilk satırı girintili kılacaktır.

— Slevin
kaynak
4

Bunun için basit bir css var:

white-space: pre;

HTML'de eklediğiniz boşlukları birleştirmek yerine saklar.

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

Şöyle düşünün: bir sekme 64 piksele eşittir. İşte bu CSS ile verebileceğimiz alan.

— Mateen
kaynak
3

şu şekilde style = "white-space: pre" kullanabiliriz:

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

içindeki boşluk sekmelerle doldurulursa, sekme miktarı metne bağlıdır.

şöyle görünecek:

Text    : value
Text2   : value2
Text32  : value32
— Esgi Dendyanri
kaynak
3

Kullanılması gereken ideal CSS kodu, "ekran" ve "minimum genişlik" özelliklerinin bir kombinasyonu olmalıdır ...

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

Peki, bir paragrafın başlangıcında sadece tüm paragrafın dışında uzun bir boşluk gerekiyorsa, bu bir çözüm olabilir:

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

Bu yazı yazmak için çok fazlaysa veya bir çok yerde bu sekmelere ihtiyaç duyuyorsanız, bunu yapabilirsiniz

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

Ardından bunu CSS'ye ekleyin:

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

"Sekmeli" görünüm vermek için madde işaretleri olmayan bir liste kullanın. (MS Word kullanırken bazen yaptığım şey budur)

CSS dosyasında:

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

Ve HTML dosyasında sıralanmamış listeler kullanın:

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

Bu çözümün güzelliği, iç içe listeler kullanarak daha fazla girinti yapabilmenizdir.

Burada konuşan bir çaylak, bu yüzden herhangi bir hata varsa, lütfen yorum yapın.

— funct7
kaynak
(x) HTML, belgenin içeriğini belirtmeli, görüntülenme şekli CSS tarafından ele alınmalıdır. Tabloları kullanarak web sayfalarını düzenlemenin tablo dışı veriler için asla kullanılmaması için nedenler vardır.
— Nielsvh
1

özel boşluk yayılma sınıfı kullanıyoruz

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

CSS'ye boşluk sınıfı ekleyin.

.space 
{
   margin-left:45px;
}
— rashedcs
kaynak
1
Alohci'nin cevabında olduğu gibi, tarayıcı metni yakınlaştırmasına izin vermek için lütfen em/ remölçümleri kullanın .
— Charlie Harding
0

CSS ve en iyi uygulamaları kullanarak, iç içe geçmiş, girintili menülerin dinamik oluşturulması aşağıdaki gibi olacaktır:

  1. Her iç içe yerleştirme için, her biri kendi sol kenar boşluğunu belirterek, girinti1, girinti2 vb. Gibi bir stil oluşturun. Site yapısı nadiren üç iç içe yerleştirme seviyesinin ötesine geçmelidir.
  2. Özyinelemeyi izlemek için özyinelemeli işlev içinde statik bir değişken (tamsayı) kullanın.
  3. Her döngü için, indentPHP veya ASP gibi sunucu tarafı komut dosyalarını kullanarak döngü numarasını sözcüğe ekleyin , böylece bu menüler CSS tarafından uygun şekilde biçimlendirilir.

Alternatif olarak, birden çok &nbsp;veya<pre> etiket veya başka karakterler .

Yatay sekme karakterini test ederek, açıkladığım senaryoda &#09;çoklu yerine geçmediğini buldum &nbsp;. Farklı sonuçlarınız olabilir.

— Ro Mc
kaynak
0

Bu biraz çirkin bir çözüm ama bunu yapabilirsin

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

Ve sonra dizelerinizdeki sekme değişkenini kullanın.

— Aonghus McGovern
kaynak
0

Yalnızca "ön" etiketi:

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

Bu etikete herhangi bir CSS sınıfı uygulayabilirsiniz.

— Yanni
kaynak
0

Sadece tavsiye ederim:

/* 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>
— yoav barnea
kaynak
0 
<head>
<style> t {color:#??????;letter-spacing:35px;} </style>
</head>

<t>.</t>

Renk kodunun, pikselin sekme için istenen uzunluğa değişken olduğu arka planla eşleştiğinden emin olun.

Ardından metninizi <t> karakterinden sonra ekleyin. </ T>

Nokta boşluk tutucu olarak kullanılır ve yazılması daha kolaydır, ancak '& # 160;' dönemin yerine de kullanılabilir, böylece renk kodlaması irrelatif olur.

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

<t>&#160;</t>

Bu, çoğunlukla metin paragraflarını görüntülemek için kullanışlıdır, ancak diğer kod bölümlerinde de yararlı olabilir.

— Eric A. Tuttle
kaynak
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.