Question

请原谅这个基本问题，但我找不到合适的答案。我在视图中有这个代码：

<div>  
   <h4> Irrelevant MVC code... </h4>
        <button type="button" class="btn btn-success">Accept</button>
        <button type="button" class="btn btn-warning">Deny</button>
</div>

我希望标题旁边有2个按钮，而不是下方。我该怎么办？

Answer 1

只需将css属性display: inline-block;添加到您的元素中即可。这是一种在流动时将元素显示为块的方法。默认情况下，您的按钮已经内嵌，因此您只需要显示h4内联：

h4{
    display: inline-block;
}

Answer 2

试试这个： -

因为它是block element，所以按钮会关闭。

h4{
    display:inline-block;
}

将html元素保留在同一行中

2 个答案: