在 Shiny 中居中并勾勒 div

【问题标题】：Center and outline a div in Shiny在 Shiny 中居中并勾勒 div
【发布时间】：2022-06-10 17:58:29
【问题描述】：

我有以下sn-p：

shinyUI(fluidPage(
  useShinyjs(),
  div(
    id = "login",
    align="center",
    textInput("text_login", "Enter your username", ""),
    actionButton("btn_login", "Enter"),
    hidden(verbatimTextOutput("value"))
  ),
  # rest of the code

如何将此 div 放置在页面中心（垂直和水平）并将其放在矩形轮廓内，使其从页面的其余部分中脱颖而出？

提前感谢您的帮助。

【问题讨论】：

标签： r shiny

【解决方案1】：

您可以在闪亮的应用程序和标签中使用 CSS（例如 div）。我找到了stylehere。

library(shiny)

ui <- fluidPage(
  div('div content',style='
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);')
)

server <- function(input, output, session) {
  
}

shinyApp(ui, server)

【讨论】：