CSS üç div'leri hizaya yatay

Question

Bir üst div içindeki üç div'leri hizalayarak sorun yaşıyorum

, ihtiyacım etkisi Her div Görüntü (2) ve metin içeren aşağıdaki

|IMAGE| +TEXT+ |IMAGE| 

olan (1) sırasıyla. Bunları hizalamak çok kolay, sorun şu ki CENTER div'in tarayıcı penceresinin boyutuna otomatik olarak genişlemesini ve diğer IMAGE div'lerinin her zaman sırasıyla sağ ve sol tarafta olmasını istiyorum. kullanıcı pencereyi maksimize örneğin eğer böyle

şey,:

Gördüğünüz gibi, fikri merkezi div büyür ve otomatik genişlik ancak yapısı tutmak olmasıdır.

Bu davranışı nasıl alabilirim? Şimdiden teşekkürler.

Answer 1

#container { text-align: center; } 
#div-1 { float: left; } 
#div-2 { display: inline; } 
#div-3 { float: right; } 

Bu hala nasıl istediğinizi göstermiyorsa, lütfen daha ayrıntılı gereksinimler verin. Aradığım sadece ne

<div style="text-align:center"> 

    <div style="float: left"><img src="image1.png"/></div> 

    <div style="display: inline"><img src="image2.png"/></div> 

    <div style="float: right"><img src="image3.png"/></div> 

</div> 

Answer 2

yan yana üç resim tarafı için başka satır içi uygulamasıdır. Div-2 ekran satır içi bölümünü kaçırmıştım. Teşekkürler.