SPAN紧挨着没有浮动

时间:2011-04-01 00:39:09

标签: css html

如果不在CSS中使用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>

4 个答案:

答案 0 :(得分:30)

display: inline-block;或其内联的自然(默认)显示..虽然您可以为内联块提供宽度和高度

答案 1 :(得分:4)

请尝试display: inline-block;

答案 2 :(得分:1)

Yeah By Default Spans将彼此相邻显示,这一切都取决于包含它们的元素的宽度。如果有人要重新调整浏览器的大小,或者你缩小了包含div,那么他们将是一个换行符。

答案 3 :(得分:0)

使用display: inline;,这将实现您想要的。