2011-04-01 120 views
10

如何在不使用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> 
+0

为什么你不能使用浮动?这正是它的意义所在。 (内联块支持很漂亮) – 2011-04-01 02:28:35

+1

@David,内联块支持应该没问题。我认为IE只有在元素自然是块级元素时才会遇到麻烦。 – 2011-04-01 03:26:02

+0

@ Box9知道这非常有用。所以它可以在任何时候用于span? – 2011-04-01 04:27:44

回答

27

display: inline-block;或内嵌的自然(默认)显示..虽然你可以给inline-block的宽度和高度

+0

如果文本内容溢出,该怎么办。 – 2016-06-09 13:37:21

3

尝试display: inline-block;代替。

1

是的默认跨度将显示在彼此旁边,这一切都取决于包含它们的元素的宽度。如果有人要重新调整浏览器的大小或缩小包含的div,他们将是一个换行符。