下面是實現下拉三角的幾種方法：

1. 使用flex布局

使用flex布局，我們可以將下拉三角放在一個容器元素中，并使用flex-direction屬性將其定位在容器的垂直方向上。然后，我們可以使用justify-content和align-items屬性來分別設置下拉三角的左右和上下布局。最后，我們可以使用display: flex或display: inline-flex來使下拉三角為自適應布局。

例如，下面的代碼將創建一個垂直方向上的下拉三角：

2. 使用flex-wrap屬性

使用flex-wrap屬性，我們可以控制下拉三角的彈出數量和位置。默認情況下，flex-wrap屬性為自動，這意味著下拉三角將在容器元素中不斷彈出。我們可以通過使用display: flex和flex-wrap: wrap來使下拉三角始終在容器中彈出，而不會重復顯示。

例如，下面的代碼將創建一個垂直方向上的下拉三角，并控制其彈出數量和位置：

3. 使用ul和li元素

使用ul和li元素，我們可以創建一個無序列表，并使用display: list-item和flex屬性來使下拉三角在列表的第一個元素中顯示。我們可以使用li元素的數量來控制下拉三角的彈出數量。

例如，下面的代碼將創建一個垂直方向上的下拉三角，并控制其彈出數量和位置：

下拉三角的實現方式有很多種，以上只是幾種常見的方法。你可以根據自己的需要選擇合適的方法來實現下拉三角。