CSS中可以使用偽元素（::after或::before）來在文字中間添加豎線，以下是一個示例：

<div class="text-with-vertical-line">
  這是一段文字，中間有一條豎線。
</div>

.text-with-vertical-line {
  position: relative;
}
.text-with-vertical-line::after {
  content: "|";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  margin-left: 5px;
}

在這個示例中，我們創(chuàng)建了一個名為text-with-vertical-line的類，用于應(yīng)用樣式，偽元素::after用于在文字后面添加豎線，通過position: absolute;，我們可以將豎線定位在文字的中間位置。left: 0;和top: 0;將豎線的左上角與文字的左上角對齊。height: 100%;使豎線的高度與文字的高度相同。margin-left: 5px;將豎線向右移動一點，以避免與文字重疊。