2011-04-01 36 views
10

CSS'de float kullanmadan bir sonraki satıra geçmek yerine üç spanın yan yana oturmasını nasıl sağlarız? Bu yüzden bunların hepsinin yanında görünmesi için bunlardan üçüne de ihtiyacım var .. ya da float kullanmadan başka bir yöntem varsa. THanks!SPAN birbirinin yanında OLUŞTURMA OLMADAN Şamandıra

<span style="display:block; width:33%;">Test1</span> 
<span style="display:block; width:33%;">Test2</span> 
<span style="display:block; width:33%;">Test2</span> 
+0

Neden float kullanamazsınız? Bunun tam olarak ne anlama geldiğini. (Ve satır içi blok desteği oldukça kesikli) –

+1

@David, satır içi blok desteği iyi olmalıdır. IE öğesi doğal olarak blok seviyesinde bir eleman olduğunda sorunların olduğunu düşünüyorum. –

+0

@ Box9 Bunu bilmek gerçekten faydalı. Yani 'span's herhangi bir zamanda kullanılabilir? –

cevap

27

display: inline-block; veya satır içi doğal (varsayılan) ekran .. Eğer inline-block bir genişlik ve yükseklik verebilir olsa

+0

Metin içeriği taşarsa ne olur? –

3

yerine display: inline-block; deneyin.

1

Evet Varsayılan Değerlere Göre Ayrılıklar birbirinin yanlarında görünecek, hepsi de bunları içeren öğenin genişliğine bağlı olacaktır. Birisi tarayıcıyı yeniden boyutlandırsaydı veya içeren div'u daraltsaydı, onların bir satır sonu olur.