IE ekran satır içi blok

yüzden ateş Şimdi öylesineIE ekran satır içi blok

<div style='width: 200px; border: 1px solid black;'> 
    <div style='display: inline-block; width: 70px; border: 1px solid green;'> 
    asdfasdf<br />asdf 
    </div> 
    <div style='display: inline-block; width: 70px; border: 1px solid green;'> 
    asdfasdf<br />were 
    </div> 
</div>

gibi yapıyor ve gayet güzel görüntüler ancak internet explorer 8'de öyle değil krom ediyorum. Düzenleri var, bu yüzden sorun değil ve genişlikler yeterince küçük olduğundan, bir satıra sığar.

Ben kullanırsanız yayılma Onun yerine öyle iş, ancak ben gerçekten div en inline-block öğelerine varsayılan olarak block olan unsurları geçemezsiniz IE

kaynak

2011-07-15 csteifel

belgede çalışır. Belgenizin bir doktrin bildirimi var mı? – BoltClock

Ne demek "işe yaramıyor?" İstediğiniz etki nedir? – Kyle

Ahhh tamam iyi XHTML veya HTML5 – csteifel

deneyin.

inline-block'un satır içi öğeler için çalışmasının nedeni, hasLayout'u tetiklemesidir. Ve satır içi öğeleri için düzen var tam olarak bir inline-block gibi çalışır.

Yani, inline bunları yapmak, blok düzeyi öğelerde inline-block çalışması için ve bir şekilde, gibi zoom: 1hasLayout kullanarak tetikleyebilir.

Kodunuz için iki yol vardır: div s değerini span s ile değiştirin veya satır içi şifreler ekleyin (veya kodu harici stil sayfalarına taşıyın ve koşullu yorumları kullanın). inline kesmek ile versiyon şu şekilde görünecektir:

<div style='width: 200px; border: 1px solid black;'> 
    <div style='display: inline-block; width: 70px; border: 1px solid green;*display:inline;zoom:1;'> 
    asdfasdf<br />asdf 
    </div> 
    <div style='display: inline-block; width: 70px; border: 1px solid green;*display:inline;zoom:1;'> 
    asdfasdf<br />were 
    </div> 
</div>

kaynak

2011-10-01 21:08:37 kizu

CSS hacks, Win XP'de IE8 üzerinde çalışmadı. – Piero

IE < 8 'dont iş neden konw istiyoruz. Ne kadar zor olursa olsun, float IIRC'yi kullanmazsanız her zaman block kalır.

Örneğinizde, bir <div> kullanmanız gerekmiyor gibi görünüyor. Bu durumda, neden bir <span> veya varsayılan olarak inline olan bir öğe kullanmayın. Aksi halde, floating cevabıdır.

kaynak

2011-07-15 10:29:06 Mig

Bu doğru değil. IE8 _inline-block_ ekran modunu gayet iyi anlar. Ancak IE7 bu modun tamamen farkında değil. _inline_ ekranına görüntüyü ayarlayarak ve bu öğe için düzenini zorlayarak _inline-block_ davranışını öykünebilirsiniz (örneğin, _zoom_ özelliği ile). – oddy

Yani öyle. IE8 'inline-block' ile düzgün çalışıyor gibi görünüyor, cevabımı güncelleyeceğim. – Mig

IE8, satır içi bloğunun üst kaplamasının büyümesine veya küçülmesine neden olacak öğeleri gizlemeye/göstermeye başlayana kadar satır içi bloğu ile iyi çalışır. – ScubaSteve

IE eski sürümleri blok seviyesinden elemanlar için inline-block anlamıyorum bu

<style type="text/css"> 
.one { 
    width: 200px; 
    border: 1px solid black; 
} 
.two { 
    display: -moz-inline-box; 
    display: inline-block; 
    width: 70px; 
    border: 1px solid green; 
} 
* html .two { 
    display: inline; 
} 
* + html .two { 
    display: inline; 
} 
</style> 
<div class="one"> 
    <div class="two"> 
    asdfasdf<br />asdf 
    </div> 
    <div class="two"> 
    asdfasdf<br />were 
    </div> 
</div>

kaynak

2011-09-28 15:54:47 HerrSerker

doktor tipi diğer tarayıcı için inline-block ekleyebilirsiniz ancak IE için şunları yapabilirsiniz IE

için

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

kaynak

2013-09-18 15:15:15 user2792101

display: inline-block; *zoom: 1; *display: inline;

çalıştı değiştirme * ile stil ekleyin. yalnızca

kaynak

2014-02-15 15:55:31 GeniusJRS

IE ekran satır içi blok

cevap

İlgili konular