r - 在 Shiny 应用程序中对齐多列中的复选框元素

Question

所以，我编写了一个 Shiny 的应用程序，显示一些复选框和单选按钮。为了节省屏幕空间，我想将复选框答案组织成两列。我已遵循here给出的建议并到达可接受的界面:

但是正如你所看到的，第一列垂直移位(我使用了 label=NULL)。当没有标签时，有没有办法让两列垂直对齐？

相关代码段:

shinyUI(
navbarPage("navbar",
tabPanel(strong("Buscador"),value="panel2",
tags$head(tags$style(HTML(".multicol{font-size:12px;
height:auto;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}"))),
fluidRow(column(4,
                   strong(p("Indexada en")),
                   tags$div(align = "left", 
                            class = "multicol",
                   checkboxGroupInput("index",
                                      label=NULL,
                                      choices = list("PubMed©" = 3,
                                                     "Embase©" = 4,
                                                     "CINAHL©" = 5,
                                                     "Cuiden©" = 6,
                                                     "Scopus©" = 7,
                                                     "BVS-Lilacs©" = 8))
                   )))))

提前致谢

Answer 1

第一个复选框的顶部有一个小边距。使用下面的代码将其删除。请注意最后一行，这是我添加的唯一一行。

shinyUI(
    navbarPage("navbar",
               tabPanel(strong("Buscador"),value="panel2",
                        tags$head(tags$style(HTML(".multicol{font-size:12px;
                                                  height:auto;
                                                  -webkit-column-count: 2;
                                                  -moz-column-count: 2;
                                                  column-count: 2;
                                                  }

                                                  div.checkbox {margin-top: 0px;}"))),