CSS中，我們可以使用flex布局將圖標(biāo)豎著排列在右邊，以下是一個簡單的示例：

HTML代碼：

<div class="icon-container">
  <i class="icon-1"></i>
  <i class="icon-2"></i>
  <i class="icon-3"></i>
</div>

CSS代碼：

.icon-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.icon-1, .icon-2, .icon-3 {
  width: 50px;
  height: 50px;
  margin: 10px;
}

在這個示例中，我們創(chuàng)建了一個名為icon-container的div，用于存放圖標(biāo)，通過display: flex;將其設(shè)置為flex布局，flex-direction: column;將子元素豎著排列，align-items: flex-end;將子元素對齊到右邊，每個圖標(biāo)元素都設(shè)置為50px寬和50px高，并添加了10px的外邊距。

你可以根據(jù)需要調(diào)整圖標(biāo)的大小和外邊距，以適應(yīng)你的設(shè)計需求，這種方法可以方便地實現(xiàn)圖標(biāo)豎著排列在右邊的效果，并且可以通過CSS樣式輕松控制其外觀和位置。