Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/r/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css R闪亮对齐100个按钮10x10_Css_R_Shiny_Alignment - Fatal编程技术网

Css R闪亮对齐100个按钮10x10

Css R闪亮对齐100个按钮10x10,css,r,shiny,alignment,Css,R,Shiny,Alignment,我有下面的例子,它呈现100个被动单选按钮 library(shiny) library(shinyWidgets) if (interactive()) { ui <- fluidPage( tags$h1("radioGroupButtons examples"), radioGroupButtons( individual = T, selected = "",status = "

我有下面的例子,它呈现100个被动单选按钮

library(shiny)
library(shinyWidgets)    
if (interactive()) {
  
  ui <- fluidPage(
    tags$h1("radioGroupButtons examples"),
    
    radioGroupButtons(
      individual = T, selected = "",status = "danger",
      inputId = "somevalue1",
      label = "Make a choice: ",
      choices = rep("x", 100)
    ),
    verbatimTextOutput("value1"),
  )
  server <- function(input, output) {
    
    output$value1 <- renderPrint({ input$somevalue1 })
    
  }
  shinyApp(ui, server)
  
}
库(闪亮)
图书馆(shinyWidgets)
if(interactive()){

ui您可以使用CSS flexbox或grid

Flexbox示例:

#content {
    display: flex;
    flex-wrap: wrap;
    width: 250px;
}

#content>input {
    width: 25px;
    height: 25px;
}
#content {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
}
网格示例:

#content {
    display: flex;
    flex-wrap: wrap;
    width: 250px;
}

#content>input {
    width: 25px;
    height: 25px;
}
#content {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
}