css 如何在Shiny应用程序的单独列中垂直对齐按钮？

ryevplcw 于 2023-03-25 发布在其他

关注(0)|答案(1)|浏览(95)

我有一个闪亮的应用程序，有两列，就像这个一样：

ui <- fluidPage(
  
  fluidRow(
    column(
      width = 2,
      actionButton("myButton0", "Action0"),
      actionButton("myButton1", "Action1"),
      actionButton("myButton2", "Action2")
    ),
    column(
      width = 6,
      downloadButton("myButton3", "Download")
        
      
    )
  )
)

server <- function(input, output) {
}

shinyApp(ui, server)

我想将myButton2按钮与myButton3按钮垂直对齐，以便它们始终显示在相同的高度。我可以使用参数style = "position: relative; left: 0px; top: 213px"来完成此操作，但由于这会将按钮移动固定的像素量，因此当用户更改显示比例时，按钮不会对齐
有没有一种方法可以可靠地对齐这些按钮？

css

来源：https://stackoverflow.com/questions/75804856/how-to-vertically-align-buttons-in-separate-columns-of-a-shiny-app

1条答案

按热度按时间

6ljaweal1#

一个选项是使用两个fluidRow，每行按钮一个：

library(shiny)

ui <- fluidPage(
  fluidRow(
    column(
      width = 2,
      actionButton("myButton0", "Action0"),
      actionButton("myButton1", "Action1")
    )
  ),
  fluidRow(
    column(
      width = 2,
      actionButton("myButton2", "Action2")
    ),
    column(
      width = 6,
      downloadButton("myButton3", "Download")
    )
  )
)

server <- function(input, output) {
}

赞(0）回复(0）举报 2023-03-25

我来回答

css 如何在Shiny应用程序的单独列中垂直对齐按钮？

1条答案

相关问题

热门标签

最新问答