SPAN彼此相鄰WITHOUT float

如何在不使用CSS的情況下將三個span並排坐在一起而不是轉到下一行？所以我需要所有這三個出現在彼此旁邊..或者如果有另一種方法沒有使用浮動。謝謝！SPAN彼此相鄰WITHOUT float

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

來源

2011-04-01 Matt

爲什麼你不能使用浮動？這正是它的意義所在。（內聯塊支持很漂亮） – 2011-04-01 02:28:35

@David，內聯塊支持應該沒問題。我認爲IE只有在元素自然是塊級元素時纔會遇到麻煩。 – 2011-04-01 03:26:02

@ Box9知道這非常有用。所以它可以在任何時候用於span？ – 2011-04-01 04:27:44

display: inline-block;或內嵌的自然（默認）顯示..雖然你可以給inline-block的寬度和高度

來源

2011-04-01 00:40:59 clairesuzy

如果文本內容溢出，該怎麼辦。 – 2016-06-09 13:37:21

嘗試display: inline-block;代替。

來源

2011-04-01 00:41:10 drudge

是的默認跨度將顯示在彼此旁邊，這一切都取決於包含它們的元素的寬度。如果有人要重新調整瀏覽器的大小或縮小包含的div，他們將是一個換行符。

來源

2011-04-01 03:12:22 Jordash

SPAN彼此相鄰WITHOUT float

回答

相關問題