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>
答
display: inline-block;
或内嵌的自然(默认)显示..虽然你可以给inline-block的宽度和高度
+0
如果文本内容溢出,该怎么办。 – 2016-06-09 13:37:21
答
尝试display: inline-block;
代替。
答
是的默认跨度将显示在彼此旁边,这一切都取决于包含它们的元素的宽度。如果有人要重新调整浏览器的大小或缩小包含的div,他们将是一个换行符。
为什么你不能使用浮动?这正是它的意义所在。 (内联块支持很漂亮) – 2011-04-01 02:28:35
@David,内联块支持应该没问题。我认为IE只有在元素自然是块级元素时才会遇到麻烦。 – 2011-04-01 03:26:02
@ Box9知道这非常有用。所以它可以在任何时候用于span? – 2011-04-01 04:27:44