Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 相邻跨距,无浮动_Css_Html - Fatal编程技术网

Css 相邻跨距,无浮动

Css 相邻跨距,无浮动,css,html,Css,Html,如果不在CSS中使用float,如何让三个span并排放置,而不是转到下一行?所以我需要这三种方法彼此相邻,或者如果有另一种方法不使用float。 谢谢 Test1 测试2 测试2 显示:内联块或其内联的自然(默认)显示。。尽管您可以为内联块指定宽度和高度尝试显示:内联块取而代之。是的,默认情况下,跨距将显示在彼此旁边,这取决于包含跨距的元素的宽度。如果有人要重新调整浏览器的大小,或者你缩小了包含的div,那么他们的行为将是换行。使用display:inline这将实现您想要的 你为什么不能用浮

如果不在CSS中使用float,如何让三个span并排放置,而不是转到下一行?所以我需要这三种方法彼此相邻,或者如果有另一种方法不使用float。 谢谢

Test1
测试2
测试2

显示:内联块或其内联的自然(默认)显示。。尽管您可以为内联块指定宽度和高度

尝试
显示:内联块取而代之。

是的,默认情况下,跨距将显示在彼此旁边,这取决于包含跨距的元素的宽度。如果有人要重新调整浏览器的大小,或者你缩小了包含的div,那么他们的行为将是换行。

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

你为什么不能用浮球?这正是它的意义所在。(内联块支持非常脆弱)@David,内联块支持应该可以。我认为IE只有在元素自然是块级元素时才会出现问题。@Box9知道这一点非常有用。所以它可以在
span
s上随时使用?如果文本内容溢出怎么办。
<span style="display:block; width:33%;">Test1</span>
<span style="display:block; width:33%;">Test2</span>
<span style="display:block; width:33%;">Test2</span>