在框

时间:2018-03-25 03:42:44

标签: html css angular sass

默认情况下,下拉列表中显示的选项会逐个显示,如下所示: enter image description here

但有没有办法可以在一个每行至少有5个符号的正方形中显示下拉列表?我目前的代码如下:

<select id="symbolInLineSelector" (change)="insertSymbol($event.target.value)" class="ql-size" title="symbolSelect">
            <option
              *ngFor="let symbol of keys(symbols)"
              [ngValue]="symbol"
              [innerHtml]="symbols[symbol]">
            </option>
</select>

1 个答案:

答案 0 :(得分:0)

我怀疑您是否能够通过使用默认的<select> html元素来解决这个问题,该元素仅提供纯粹的1维下拉列表。 可能性可能是使用 bootstrap 下拉菜单 - 在这种情况下,您可能会在以下主题中找到所需内容:

Bootstrap dropdown to show grid