SORU
17 Mart 2012, CUMARTESİ

CSS ile biçimlendirilmiş metin olarak eleman görüntüle

CSS ile pre bir öğe görünümünü taklit etmek için herhangi bir yolu var mı?

Örneğin, boşluk bu div içinde sağlam bir CSS kuralı kullanarak alabilir miyim?

<div class="preformatted">

  Please procure the following items:

    - Soup
    - Jam
    - Hyphens 
    - Cantaloupe
</div>

CEVAP
17 Mart 2012, CUMARTESİ

white-space: pre pre öğesi olarak boşluk ön-biçimlendiriliyor korumak için kullanın. Bir adım daha ileri gitmek için, ayrıca pre font-family: monospace, ekleme elemanları genellikle varsayılan (kod blokları ile kullanmak için örneğin) tarafından tek aralıklı bir yazı tipi ayarlanır.

.preformatted {
    font-family: monospace;
    white-space: pre;
}
<div class="preformatted">

  Please procure the following items:

    - Soup
    - Jam
    - Hyphens 
    - Cantaloupe
</div>

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:
HtmlCssBoşlukWhitespaceÖnPre

AYNI ETİKETTEKİ VİDEOLAR

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Maschine Tutorials

    Maschine Tut

    15 ŞUBAT 2011
  • Skrillex

    Skrillex

    6 NİSAN 2010
  • The Slow Mo Guys

    The Slow Mo

    15 AĞUSTOS 2010

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR