Bir DIV'nin genişliği, float:left ayarlandığında, ancak bir kayan nokta ayarlanmadığında yaptığı gibi nasıl davranabilir? width:auto bunu yapmıyor gibi görünüyor (kromda).Bir div'in kendi genişliğini otomatik olarak ayarlamasına nasıl izin verebilirim?
Ben çalışmak için aşağıdaki ...
.center
{
margin-left: auto;
margin-right: auto;
width: auto;
}
Sen display: inline-block denemek ve sizin durumda çalışıp çalışmadığını görebiliyordu gibi bir şey almaya çalışıyorum. Ancak, bu teknik bir genişlik değeri gerektirdiğinden, margin-left: auto & margin-right: auto kullanarak ortalayamazsınız.
Mümkünse, display: inline-block kullanın ve kapsayıcısında text-align: center değerini ayarlayın.
<div style="text-align: center">
<div style="display: inline-block;">
This will expand only as far as it needs to
</div>
</div>
jsFiddle üzerinde demo çalışma bakınız: http://jsfiddle.net/64kY8/
<div> s blok unsurlardır. Konteynerlerinin tam genişliğini alırlar. Dönemi. Sadece <body> veya <html>
gibi yukarıda Kuralınız esasen bunu yapıyor: div { width:100%; margin:0 auto; } 100 olarak% onun oto değeridir.
inline-block çalışır, ancak tam olarak doğru bir inline-block öğesi gibi çalışmayacak.
Temel olarak ... bunu yapmadan genişlik ayarlamadan yapamazsınız.
Satır içi blok yoluna giderseniz, bunu okuyun ... CSS beklentilerinizle bazı beklenmedik savaşlarla mücadele edebilirsiniz. İşte
<div>
<div style="display: table; margin: auto">
This will expand only as far as it needs to
</div>
</div>
:
http://www.brunildo.org/test/InlineBlockLayout.html (aşağıdaki msdn sayfanın altına yakın bulunan bağlantı) hala bu konuda genelinde geliyor olanlarınız için http://msdn.microsoft.com/en-us/library/ms530751%28v=vs.85%29.aspx
uhh..what verir? – Dawson
, günümüzde bu işleyebilir yeni bir keman kabul edilen cevap dayanmaktadır: http://jsfiddle.net/j33qL8pa/1/
bu günlerde çalışır düşünüyorum:
.center
{
width: fit-content;
margin-left: auto;
margin-right: auto;
}
http://caniuse.com/#search=fit-content –
hmm ... genişliği doğru olarak ayarlar, ancak kenar boşlukları artık div'i ortalamaz. – Justin808
doğru, bu yüzden metin hizalama eklemeniz gerektiğini söyledim: container div'a div. – jessegavin
Sanırım "text-align" için başka bir sarıcı ekleyebilirim ama eğer mümkün olursa başka bir yuvalama seviyesi eklememeyi tercih ederim. Bilinmeyen bir genişliğin bir merkezini ortalamanın başka yollarını biliyor musunuz? – Justin808