SORU
9 HAZİRAN 2010, ÇARŞAMBA


metin 2 sütun CSS ile otomatik olarak akış

Bu, aşağıdakine benzer bir kod var:

<p>This is paragraph 1. Lorem ipsum ... </p>
<p>This is paragraph 2. Lorem ipsum ... </p>
<p>This is paragraph 3. Lorem ipsum ... </p>
<p>This is paragraph 4. Lorem ipsum ... </p>
<p>This is paragraph 5. Lorem ipsum ... </p>
<p>This is paragraph 6. Lorem ipsum ... </p>

Mümkünse biçimlendirme olmadan, bu metin iki sütun (solda 1-3, 4-6 sağda) akmasına sebep olmak istiyorum. Bu nedenle benim tereddüt eklemek bir sütun kullanarak bir <div> Bu metin tarafından girilen müşteri ile bir WYSIWYG editörü, bu yüzden herhangi bir öğe ben enjekte edilir ihtimali öldürdü sonra veya açıklanamaz.

CEVAP
14 HAZİRAN 2010, PAZARTESİ


CSS3 kullanın

.container {
   -webkit-column-count: 2;
      -moz-column-count: 2;
           column-count: 2;

   -webkit-column-gap: 20px;
      -moz-column-gap: 20px;
           column-gap: 20px;
}

Tarayıcı Desteği

  • 4.0 Chrome (-webkit-)
  • IE 10.0
  • Firefox 2. 0 (-moz-)
  • ( . Safari 3.1 ^em>-webkit-)
  • Opera 15.0 (-webkit-)

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • 3DS Max Tutorials

    3DS Max Tuto

    4 AĞUSTOS 2013
  • bobono1baby

    bobono1baby

    14 AĞUSTOS 2011
  • The Verge

    The Verge

    8 AĞUSTOS 2006