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:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • amc

    amc

    21 EYLÜL 2005
  • Kai Moosmann

    Kai Moosmann

    5 Temmuz 2006
  • Virtual Riot

    Virtual Riot

    19 Mayıs 2011