inline-block Değeri
Uzun zaman tarayıcı genişliğini doldurur ve güzel bir şekilde sarar kutuları bir kılavuz oluşturmak için bu mümkün olmuştur (when the browser is resized) kullanarak, float özelliği.
Ancak, inline-block değeri display özelliği bu daha da kolaylaştırır.
inline-block elemanlarının içi elemanları gibi ancak bunlar bir genişlik ve yüksekliğe sahip olabilir.
Örnekler
Eski yöntem - kullanarak float (biz de bir belirtmeniz gerekir fark clear yüzen kutuları sonra element için mülk):
Örnek
.floating-box {
float: left;
width: 150px;
height: 75px;
margin: 10px;
border: 3px solid #73AD21;
}
.after-box {
clear: left;
} Kendin dene " Aynı etki kullanılarak elde edilebilir inline-block değerini display özelliği (notice that no clear property is needed) :
Örnek
.floating-box {
display: inline-block;
width: 150px;
height: 75px;
margin: 10px;
border: 3px solid #73AD21;
} Kendin dene "