如何减少selectInput和numericInput

Question

我已经设法用Shinydashboard编写以下代码。 有没有办法减少

1. selectInput和numericInput之间的空格如图所示？
2. ＆＃34;类型＆＃34;之间的垂直空间和＆＃34;间隔＆＃34; selectInput？
3. 缩小menuItem＆＃34; Charts＆＃34;
的高度

调整CSS的解决方案会很好。谢谢。



代码：

library(shinydashboard)
ui <- dashboardPage(
    dashboardHeader(title = "Simple board"),
    dashboardSidebar(
    sidebarMenu(id = "S",
    menuItem("Charts",  tabName = "V", icon = icon("database","fa-lg")),
    h5(div(style="display:inline-block;width:50%;text-align: left;",
        selectInput("Q", label = "type", choices = c("A","B","C"))),
       div(style="display:inline-block;width:50%;text-align: left;", 
        numericInput("NT", "Num", 15, min = 10, max = 33)),
        selectInput("s2", label = "interval", choices = c("17 mins","38 
min","124 mins"))
            )
        )
    ),
dashboardBody()
)
server <- function(input, output) {
}

shinyApp(ui, server)

Answer 1

您可以在margin属性的帮助下实现此目的。 例如，对于selectInput，您可以设置margin-left:5px左右。

对于间隔输入，您可以为其上方的div设置margin-bottom:5px。

您还可以为margin属性设置负值。

我希望这可能有所帮助。