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

  • Awesome Toys TV

    Awesome Toys

    18 HAZİRAN 2014
  • cdgotx

    cdgotx

    8 Kasım 2011
  • Fraser Raft

    Fraser Raft

    9 Mart 2010