引导程序按钮无法正确显示

Question

我的问题

我正在尝试在导航栏的中间添加3个大按钮（“摘要”，“构建器”，“历史记录”）。下面是我理想的结果。我希望一个活跃的人没有底线。

我已尽我所能使此功能生效。当我在该位置添加按钮时，您会认为应该按下按钮，这就是我得到的：

注意黄色的椭圆形，那是我的按钮结束的地方！！我不知道自己在做什么错。

这里是页面的链接，因为在此处发布代码太长了：

http://johntesting.azurewebsites.net/workflow-blue/blank-backup.html

有人可以通过这些按钮帮助我吗？我一直在疯狂试图解决这个问题。

感谢您的光临。

约翰

Answer 1

在您的'.page_title'div上设置display:flex;，可以立即看到该按钮更接近您期望的位置。该div的第一个子元素是h3，这是一个填充整个div的块元素，没有空间容纳您的按钮，从而将它们推到了下一行。

另一种方法是将h3的display属性设置为inline-block。