要删除内联元素之间的空格，例如 ， <span>flexbox 是唯一更好的选择，还是我们可以使用其他东西？

Question

例如：以下flexbox代码将删除两个跨度之间的空间。但还有其他更好的选择吗？

#remove_space {
display: flex;
flex-direction: row;
align-content: flex-start;
}
span {
padding: 0px;
margin: 0px;
}

<section id="remove_space">
<span>Hello</span>
<span>All</span>
</section>

Answer 1

你可以试试这个：

<section id="remove_space">
<span>Hello</span><span>All</span>
</section>

或

span {
float:left;
}

我希望它能帮助你

Answer 2

除了flexbox，我看不到其他解决方案可以正确解决您的问题。

对于您的代码，尝试使用类而不是id，如果您有多个"，这可以避免一些问题；空格删除"；阻止。

您也可以删除此部分，因为flex direction的默认值已设置为row，而align content的默认值为stretch，保留高度和宽度限制：

flex-direction: row;
align-content: flex-start;