Select2插件：显示表单元素之外的选定选项

Question

我正在使用Select2插件进行多选下拉列表。但是，我有一些我似乎无法弄清楚的样式问题。

Select2插件允许您从下拉菜单中选择多个选项，在下拉栏中很好地显示所选选项。

我要做的不是在下拉栏中显示，我想在外面显示所选的选项，相互堆叠（即每行一个）。

以下是我当前进展的代码：

我相信我必须玩这个选择器

.select2-container{
   *:focus{
     outline:0px;
   }
}

但除此之外，我无法理解它。

我的造型目前产生了这个：

我希望产生这个（全宽，即表格格式）：

如果有人能指出我正确的方向，我将不胜感激。

感谢。

Answer 1

您可以使用css clear属性来执行此操作。将其添加到您的css文件中。

.select2-container--bgform .select2-selection--multiple .select2-selection__choice {
    clear: both;
}