javascript - 添加按钮 - 并排

Question

我在 chrome 上使用 Tampermonkey 向网页添加按钮。单击时，脚本会分析页面，然后显示警报。这是显示按钮的代码:

 function Main(){
     GM_addStyle('.myButtonDiv {color: black; background-color: black}');
     var div = document.createElement('div');
     div.setAttribute('class', 'myButtonDiv');
     div.innerHTML = '<input type="button" value="clickMe">';
     document.body.insertBefore(div, document.body.firstChild);
     div.firstChild.addEventListener('click', runMyScript, true);
}

我有几个这样的脚本可以在同一个页面上运行。现在按钮是垂直显示的，这会占用太多屏幕空间。

如何将它们并排排成一排？

谢谢，尼尔。

Answer 1

在 CSS 中添加 display: inline-block 应该会有帮助

GM_addStyle('.myButtonDiv {color: black; background-color: black; display: inline-block}');