html - 在框中选择标签显示选项

Question

默认情况下，下拉列表中显示的选项是一个一个垂直显示的，如下所示:

但是有没有一种方法可以在每行至少有 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>

Answer 1

我怀疑您能否使用默认的 <select> 解决此问题html 元素，它只提供纯一维下拉菜单。 一种可能性 可能是使用bootstrap 下拉列表 - 在这种情况下，您可能会在以下线程中找到您需要的内容:

Bootstrap dropdown to show grid