Öğeleri yüzer hale getirmek veya konumlarını mutlak yapmak zorunda kalmadan içeriğin boyutuna göre boyutuna göre bir div sığdırmanın mümkün olup olmadığını açıklığa kavuşturmak isterim. Mümkün mü?
Öğeleri yüzer hale getirmek veya konumlarını mutlak yapmak zorunda kalmadan içeriğin boyutuna göre boyutuna göre bir div sığdırmanın mümkün olup olmadığını açıklığa kavuşturmak isterim. Mümkün mü?
Yanıtlar:
displayayarıElbette mümkün - Üç olası çözümü de görebileceğiniz JSFiddle kavram kanıtı :
display: inline-block- bu senin farkında olmadığın şey
position: absolute
float: left/right
Kullanabilirsiniz display: inline-block.
position:absolute. Mümkün olduğu kadar. Cevabımdaki bağlantıya tıklayın.
Kullanabilirsiniz:
width: -webkit-fit-content;
height: -webkit-fit-content;
width: -moz-fit-content;
height: -moz-fit-content;
DÜZENLEME: Hayır, bkz. Http://red-team-design.com/horizontal-centering-using-css-fit-content-value/
-webkit-fit-contentveya buna -moz-fit-contentbağlı olarak ayarlamanız gerekir .
display: block-inline!! (yani bir blok gibi dışa doğru, ancak satır içi olarak içe doğru davranmaktır - bunun tersiinline-block)