因此，我试图以5×5的形式创建一个乘法方程，但是由于h2标签是块级元素，因此它们开始了新的一行。我尝试使用带有边距的display：inline和display：inline-block（margin-left和margin：auto），使用h2和.equation作为选择器，但是它什么也没做。使用text-align也没有任何作用。没有浮动中心选项，因此也不起作用。一点帮助？
<div class="equation">
<h2 id="num1" class="num1multiply"></h2>
<h2 id="msign">×</h2>
<h2 id="num2" class="num2multiply"></h2>
</div>
CSS：
h2 {
display: inline;
}
如果要内联所有元素，则flex-box是最佳选择。您可以通过将其添加到样式表中来实现。
.equation {
display: flex;
align-items: center;
justify-content: center;
}
如果您不想使用flexbox。然后display: inline-block用float会有所帮助。这个例子将是。
h2 {
display: inline-block;
float: left;
}
注意：这仅出于示例目的。不要尝试直接在h2标签上应用样式，样式将应用于h2页面的所有元素
如果你想让它适用于使用这样的h2内标签.equation
.equation h2 {
display: inline-block;
float: left;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句