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

  • dirkgently1

    dirkgently1

    13 NİSAN 2006
  • Jonnyriddlin1

    Jonnyriddlin

    4 Ocak 2007
  • mahalodotcom

    mahalodotcom

    8 HAZİRAN 2007

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR