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

  • AndroidSale

    AndroidSale

    17 NİSAN 2011
  • CareyHolzman

    CareyHolzman

    24 Ocak 2008
  • Tek Syndicate

    Tek Syndicat

    23 Temmuz 2008