vis.js

Question

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

提前谢谢你，

阿纳迪

Answer 1

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

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

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;
}

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

vis.js - Update "navigationButtons" CSS so the buttons are at the top of he canvas

css