Hunper adlı üyeden alıntı: mesajı görüntüle
Örneğin bir menü yapıyorsunuz diyelim. Menü elemanlarını float:left yerine display:inline-block ile yan yana sıralayabilirsiniz, bu ne işe yarar derseniz menü elemanlarını ortalamak isterseniz float:left ile sıraladığınız menünün üst elemanına text-align:center verirseniz içerik ortalanmaz ancak display:inline-block kullanırsanız içeriği ortalayabilirsiniz. Bu ortalama işlemini sadece menü için düşünmeyin örneğin sayfada birçok defa kullanılacak aynı tip buton var diyelim, bu butona display:inline-block değeri verirseniz üst elemana bağlı istediğiniz şekilde sağa, sola veya ortaya hizalayabilirsiniz(herhangi bir width kullanmadan). Veya ul elemanına sıfırlama yapmanız gerekir, display:block; margin:0; padding:0; olarak kullanabilirsiniz.
Display'in farklı kullanışları da vardır, örneğin table özelliği. display:table; width:100%; verdikten sonra alt elemanlara display:table-cell; vertical-align:middle; verirseniz içerikler dikey ortalanacaktır. Tabi height değeri verirseniz bu height değerine bağlı ortalanır. Vermez iseniz aynı seviyedeki elemanlara göre ortalanır.
Display:none ve display:block'u da basitinden css ile hazırlanmış bir açılır menü yapmak için kullanabilirsiniz.
a veya span gibi padding ve margin değerlerini alamayan elemanlar için de kullanılır. Hatta belki de en sık kullanımı bu şekildedir.
Birçok yerde kullanılabilir yani.
Çok teşekkür ederim. İşte aradığım cevap.