R语言 闪亮的盒子动态调整高度

scyqe7ek  于 2023-10-13  发布在  其他
关注(0)|答案(1)|浏览(124)

我展示了三个闪亮的盒子如下:

我有两个过滤器的国家。框的标题会根据两个过滤器而变化。现在的问题是,当标题被分成两行时,第一个框的高度增加,但其他两个框的高度保持不变,因此高度不对齐。如何实现高度的自动调节?一个例子将是伟大的,我可以工作。

w7t8yxp5

w7t8yxp51#

如果没有数据的例子,很难测试这一点,但是你可以尝试将盒子 Package 在一个容器中,并将display: flex应用于该容器。
代码应该是这样的

library(shiny)
ui <- fluidPage(
  tags$head(
    tags$style(
        "
        .flex-container {
          display: flex;
        }
        <!--  Because I do now have actual code and figures I've added border around the box (this may not be needed in your case) only flex-container -->
        .shiny-box {
          border: 1px solid black;
          padding: 20px;
          margin: 5px;
          flex: 1;
        }
"
    )
  ),
  
  div(class = "flex-container",
      div(class = "shiny-box", "UAE customs efficiency."),
      div(class = "shiny-box", "Clear exports. some text some more text some more text gor height purposes ............"),
      div(class = "shiny-box", "Clear imports.")
  )
)

server <- function(input, output) {
  
}

shinyApp(ui, server)

输出

相关问题