Merhaba inline olması ve min-width olması gerekir 3 SPAN var.
Görünüşe göre IE, SPAN, min-width sahip olamaz. DIV kullanmayı deneyin ama inline koyarken, min-width yoksayılır.IE genişliğinde satır genişliği
CSS
span {
display: inline;
min-width: 150px;
}
HTML
<span>1</span>
<span>2</span>
<span>3</span>
inline eleman width, height, vertical margin & padding alamaz. Yani display:inline-block; yazma böyle tanımlamak zorunda:
span {
display: inline-block;
*display: inline;/* for IE7*/
*zoom:1;/* for IE7*/
min-width: 150px;
}
Kaynak: Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification: 10.3 Calculating widths and margins: 10.3.1 Inline, non-replaced elements: width niteliği uygulanmaz
. 'Kenar boşluğu' veya 'kenar boşluğu' için hesaplanan 'otomatik' değeri, '0' değerinde kullanılır.
onay bu http://jsfiddle.net/yCvhB/5/
Eğer dolgu kullanabilirsiniz.
Öğeyi satır içi yaptığınız için, min genişliğini belirtmenin bir anlamı yoktur.
Ajax'te span ekinde metin var. Tüm metin aynı boyuta sahip değil, bu yüzden bir min-ağırlık istiyorum. Çoğu zaman metin yayından daha küçük olacak ve ekran aynı olacak ama bir şey, metin daha uzun olabilir. – Snote
iyi .. o zaman float kullanmanız gerekiyor sanırım: sol; Ekran özniteliğini "engellemek" ve sonra daha sonra şamandıra temizleyin.
kanlı IE tüm geliştirici zamanını yiyor ..! –
xdevel
+1, doldurma fikri için bana yardım edecek sıfır alana sahip olan bir içeriğe yardımcı oldu. –
sandeep's answer benim cevap oturtmakta sen
span {
display: inline-block;
*display: inline;
*zoom:1;
width: auto !important;
width 150px;
min-width: 150px;
}
kullanabilirsiniz ve çalışması gerekir. Bu jsfiddle göz atın: http://jsfiddle.net/ramsesoriginal/yCvhB/2/
internet Explorer asgari genişliği ve yüksekliği ile bazı sorunlar vardır, ama aynı zamanda !important ile ilgili sorunlar, böylece istismar (ve her taşma belirtmeden bir min-width olduğu gerçeğini vardır IE için) çalışan bir şeyimiz olabilir.
Firefox'ta çalışıyor ancak IE'de çalışmıyor. – Snote
bu http://jsfiddle.net/yCvhB/ çalışmıyor – sandeep
+1 - benim için düzenleme çalışır. Ben zum: 1 ', bilmediğim IE7/IE8 için bir' satır içi blok 'etkisine neden oluyor. Bunun cevabınıza nasıl çalıştığını eklemek ister misiniz? –