css - vis.js - 更新 "navigationButtons"CSS，使按钮位于 Canvas 顶部

Question

我正在使用 vis.js 并希望将使用“navigationButtons”选项时显示的按钮对齐到 Canvas 的顶部。我知道这是使用 CSS 完成的，我想知道是否有人有任何示例？

提前谢谢你，

阿纳迪。

Answer 1

最好使用一些 HTML。但是你提到你想更新按钮的“对齐方式”。因此，我假设“bottom:”和“right:”属性就是您要查找的内容。但是，由于您希望对齐到顶部，您可能希望使用“top:”属性而不是“bottom:”和“left:”而不是“right:”...

例如...以下应将这 4 个按钮水平对齐到顶部...更新“左:”属性以适合您首选的装订线宽度。

div.vis-network div.vis-navigation div.vis-button.vis-up {
    background-image: url("...png");
    top:10px;
    left:50px;
}
div.vis-network div.vis-navigation div.vis-button.vis-down {
    background-image: url("...png");
    top:10px;
    left:100px;
}
div.vis-network div.vis-navigation div.vis-button.vis-left {
    background-image: url("...png");
    top:10px;
    left:150px;
}
div.vis-network div.vis-navigation div.vis-button.vis-right {
    background-image: url("...png");
    top:10px;
    left:200px;
}