使用Javascript阻止元素发送到下一行

我有一个按钮元素，它隐藏在开头

但是，我必须使用JavaScript在特定触发器上显示它。但当它被触发时，它会被推到下一行。见下图：-

我真正想要的是：-

以下是我的Html代码：-

<div id="toolbar">
  
<a href="#" class="btn btn-secondary">Launch Access Log Report</a>&nbsp;&nbsp;&nbsp;<a href="#" style="display: none" class="btn btn-secondary" type="button" id="fresh" >Refresh Table Updated</a>

</div>

---

请解释是什么弄乱了它，以及我如何解决这个问题。

显示：block

将从新行开始，并占用可用的全部宽度。改用

display:inline块

或

display:inline

使用

显示：块

Show
函数show（）{
document.getElementById（“fresh”）.style.display=“block”；
}

document.getElementById（“fresh”）.style.display='inline block'

？一个代码片段会有帮助，一个lot@bertdida你可以把它作为答案贴出来，这样我就可以把它标记为答案了。你应该把按钮的样式设置为

display:inline

，并且把样式

white space:nowrap

设置为“工具栏”元素。这样可以防止包裹孩子。

function check(data)
{
if (data === 'no')
{ document.getElementById("fresh").style.display='block';}
}