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

将display: inline-block添加到CSS应该有帮助

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

Answer 2

您可以使用内联元素：

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

添加按钮 - 并排

2 个答案: