SPAN彼此相邻，没有浮动

Question

如果不在 CSS 中使用 float，您如何让三个 span 并排放置而不是转到下一行？所以我需要所有这三个都出现在彼此旁边……或者如果有另一种不使用浮动的方法。谢谢！

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

原文由 Matt 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

display: inline-block; 或内联的自然（默认）显示..虽然你可以给内联块一个宽度和高度

原文由 clairesuzy 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

尝试 display: inline-block; 代替。

原文由 drudge 发布，翻译遵循 CC BY-SA 2.5 许可协议