r - RShiny：如何使滑块居中

Question

我是 RShiny 的新手，我正在尝试复制此模板：https ://shiny.rstudio.com/gallery/retirement-simulation.html 我确实有此模板的代码，但这是一个学习练习。

这是我到目前为止所拥有的：

ui <- fluidPage(

  # Title goes here...
  titlePanel("Retirement: simulating wealth with random returns, inflation and withdrawals"),
  p("Description here..."),
  hr(),

  # Sidebar layout...
  sidebarLayout(
    # Sidebar panel...
    sidebarPanel(
      # Input: Slider for the number of observations to generate ----
      sliderInput("n",
                  "Param 1",
                  value = 500,
                  min = 1,
                  max = 1000),
      sliderInput("n",
                  "Param 2",
                  value = 500,
                  min = 1,
                  max = 1000),
      sliderInput("n",
                  "Param 3",
                  value = 500,
                  min = 1,
                  max = 1000),
      sliderInput("n",
                  "Param 4",
                  value = 500,
                  min = 1,
                  max = 1000)
    ),

    # Main panel...
    mainPanel(
      # Outputs of any plots...
      tabsetPanel(type = "tabs",
                  tabPanel("Plot", plotOutput("plot"))
      )
    )
  )
)

它看起来不错，但我需要像上面的模板一样将滑块居中。非常感谢正确方向的指点！

谢谢，

乔斯夫

标签： rshinyshinydashboardshiny-servershinyjs

Answer 1

使用margin: autoCSS 规则：

div(style = "margin: auto; width: 80%", # this number can be any percentage you need
    sliderInput(
                ...
                width = "100%" # this number has to be "100%", nothing less
               )
   )