SORU
5 Ocak 2011, ÇARŞAMBA


CSS satır özellikle `ınline-block` bir madde öncesi ve sonrası mola

Hadi bu HTML de ki:

<h3>Features</h3>
<ul>
    <li><img src="alphaball.png">Smells Good</li>
    <li><img src="alphaball.png">Tastes Great</li>
    <li><img src="alphaball.png">Delicious</li>
    <li><img src="alphaball.png">Wholesome</li>
    <li><img src="alphaball.png">Eats Children</li>
    <li><img src="alphaball.png">Yo' Mama</li>
</ul>

ve bu CSS:

li { text-align:center; display:inline-block; padding:0.1em 1em }
img { width:64px; display:block; margin:0 auto }

Burada görülen sonuç: http://jsfiddle.net/YMN7U/1/

Şimdi üç sütun içine bu haberi ben vermek istiyorum hayal, üçüncü sonra <br> enjekte eşdeğer 7**.(Aslında bu anlamsal olurdu yaptığını ve sözdizimi geçersiz.)

Üçüncü <li> CSS seçmek için nasıl biliyorum, ama nasıl sonra bir satır sonu zorlamak mı? Bu çalışmıyor:

li:nth-child(4):after { content:"xxx"; display:block }

Ben de bu özel durumda inline-block ama çözümleri float kullanarak ilgilenmiyorum yerine float kullanarak mümkün olduğunu biliyoruz. Ben de sabit genişlikli blokları bu konuda 3x veli ul genişlik ayarı, mümkün olan genişlik biliyor; bu çözüm ile ilgilenmiyorum. Ben de eğer gerçek sütunlar isteseydim display:table-cell ben biliyorum; bu çözüm ile ilgilenmiyorum. Satır içi içerik içinde ara zorlama olasılığı ile ilgileniyorum.

EditTemiz olmak için, 'teori', belirli bir sorunun çözümü değil. ilgileniyorumCSS display:inline(-block)? elementin ortasında satır sonu enjekte edebilir, ya da imkansız mı?Eğer imkansız olduğunu eminseniz, bu kabul edilebilir bir cevap.

CEVAP
5 Ocak 2011, ÇARŞAMBA


Satır Lİ elemanları yapmak mümkün oldum. Ne yazık ki, Lİ elemanlar satıriçi blok halinde çalışmıyor:

Canlı demo:http://jsfiddle.net/dWkdp/

Ya uçurum notları sürümü:

li { display:inline; }
li:nth-child(3):after { content:"\A"; white-space:pre; }

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Best Quality Cartoons

    Best Quality

    10 ŞUBAT 2014
  • Branboy3

    Branboy3

    12 AĞUSTOS 2012
  • L- Crysis

    L- Crysis

    30 Aralık 2011