闪亮的 R 对齐按钮

Posted 2023-03-05

【中文标题】闪亮的 R 对齐按钮

【英文标题】：Shiny R aligning buttons

【发布时间】：2015-04-29 06:10:42

【问题描述】：

我的 U.i 文件中有两个按钮

div(style="display:inline-block",submitButton("Analysis")),
  div(style="display:inline-block",downloadButton('downloadData', 'Download Data'))

在应用程序中提供以下输出

但是我试图对齐这些按钮，以便下载数据位于灰色框中的右侧，而分析按钮位于灰色框中的左侧，而不是现在的样子。我该怎么做？预期用途是变得更高级并创建另一个位于灰色框中间的按钮。我假设你做的事情类似于

style="display:center-align"
style="display:right-align"
style="display:left-align"

但我不确定如何进行此过程。

【问题讨论】：

如果我的回答对您有用，请标记为已接受。否则添加更多细节为什么它不起作用:)

【参考方案1】：

这行得通：

div(style="display:inline-block",submitButton("Analysis"), style="float:right"),
div(style="display:inline-block",downloadButton('downloadData', 'Download Data'), style="float:right")

但您应该考虑使用样式表，如此答案中所述：https://***.com/a/25390164/1117932

【讨论】：

这对我来说并不完全有效 - 无论我做什么，我都无法让 style 两个参数生效。该按钮要么不会正确浮动，要么不会为自己保留布局空间（对我来说，它会在侧边栏背景下方运行）。但是，我使用 div() 作为浮动但使用全宽 fluidRow 列得到了确切的预期效果：fluidRow(column(12, div(submitButton(), style = "float: right")))

【参考方案2】：

我尝试了@Verena Haunschmid 的答案，但没有奏效。这对我有用（非常相似）：

div(style = "display:inline-block; float:right", actionButton("hideshow", "Hide/Show"))