CSS3 Kolonlar ve Görüntüler

Benim örnek burada, sütunlar üretti. Bunun resmin önünde görünmüyor böylece resmin etrafına sarmak için resmin sağ tarafındaki sütuna metin gerekir. Bu benim anlayışım şu anki css'de yapılamaz.CSS3 Kolonlar ve Görüntüler

Birisi ne arıyorum ulaşma olmayan bir rahatsızlık verici bir yol var mı? Bu buraya bak başarmak isteriz

elbette sol üst köşesinde bulunan başlık ve muhtelif malzeme olmadan alt text

. Fikir, işaretlerin herhangi bir yerinde görüntülerin eklenmesine izin vermek ve düzgün görünmesini sağlamaktır. herhangi bir çözüm büyük -

yüzden, şu anda tarayıcı desteği hakkında umurumda değil! Eğer ortada toplam tutma genişliğine sütun açıklıklı genişliğini görüntü için ek bir kapsayıcı oluşturmak ve set önceden

Teşekkür ....

Erik

kaynak

2011-01-02 Erik5388

^^ Yukarıdaki resimde (doğru olan), 20px'lik bir aralıkla 4 sütun tanımlayan bir css3 özelliği vardır. Örnekte, her bir sütunu sarmalayan bir div vardır. Görüntüyü içeren sütun (3. sütun), javascript'in son iki sütunu sarmasını ve ardından paragraf öğelerine kenar boşluğu eklemesini söyler. – Erik5388

Nasıl gidiyorsunuz? Bu yüzenler için yapıldı! – rxgx

JavaScript korsanları yapmadan, bunu yapmanın herhangi bir tam CSS yolu olduğuna inanmıyorum. Orada (bir kamu yapı içinde şu anda) Opera tarafından desteklenen kolon açıklıklı özelliği, ancak sadece iki değeri; hiçbiri ve hepsi. Spesifikasyon, şu anda çok yararlı olabilecek sütun sayısını belirtmenize izin vermemektedir. Görmek istediğim bir şey.

kaynak

2011-01-09 17:56:50

Aradığım cevap bu. Bu yeteneğin gelecekteki bir özellikte ortaya çıkması güzel olurdu. Hangi kokuyor ki, "son çağrıları" birkaç ay sonra geri döndüklerine inanıyorum ... "Ben" ve "tüm" ve "iki" değerlerinden başka bir şey gördüğümü hatırlamıyorum. none "... Eğer sütun aralığının modern tarayıcı uygulamasında herhangi bir değişiklik görüyorsanız emin olun ve bana bildirin (: – Erik5388

Anladığım kadarıyla, sütunları Spec'a almak için çok fazla sütun değiştirmemeye çalışıyorlar daha sonra özelliklerin bir sonraki sürümünde işlevselliği ekleyecektir: –

Belki sütun span property yardımcı olabilir sütunlar.

Ayrıca orta sütun büyütmek ve başka bir sütun ihtiyacını kaldırmak, bu nedenle metin ve görüntü güzel hizalanmış olacak, ancak bu aşamada, bu tasarım husustur başladı.

http://designshack.co.uk/tutorials/introduction-to-css3-part-5-multiple-columns

kaynak

2011-01-02 08:56:00

yerine sütunun sayısını tanımlamak resimlerde boyutuna göre ayarlanır sağlamak için boyutlarını tanımlayabiliriz. Yoksa o zaman bunları otomatik olarak sütunun genişliğini bağlı boyutlandırmak yapmak için görsellere bir css seçicileri eklemek her sütun için bir boyut tanımlayabilirsiniz.

.column { sütun: 12em; }

.column img { width: 10em; }

kaynak

2011-01-02 17:15:45 Tim

Cevabınızı da beğeniyorum. Ancak buradaki amaç, görüntüyü yeniden boyutlandırmak değil, bunun yerine içeriğin görüntüyü sarmasıdır. – Erik5388

height ve width img niteliklerini bayılt

- onlar ihtiyaç yok - ve kullanımı CSS max-width:100%;

bazı geriye uyumluluk sorunları (özellikle IE ile) vardır, ancak bunlar JS ile takılabilir. Bu yöntem gelecek.referanslarla

yararlı bir ilgili madde:

http://www.ldexterldesign.co.uk/2010/10/99-css-problems-but-liquid-aint-one/

kaynak

2011-01-30 23:05:00

Cevabınızı (ve blog'unuzu - heh) beğeniyorum ama buradaki amaç, görüntüyü küçültmek değil, bunun yerine içeriğin görüntüyü sarmasıdır. – Erik5388

Bu sorunuzun tam değildir ama en azından bir sütununun içinde görüntünün çevresine metin sarmak için olasılığı vardır. here'dan "Örnek X" seçeneğini işaretleyin.

kaynak

2012-03-22 07:08:50 nqw1

CSS3 Kolonlar ve Görüntüler

cevap

İlgili konular