在CSS中，可以使用多種方法來實(shí)現(xiàn)豎杠（|）的顯示，以下是一些常見的方法：

1、使用***定位（position: absolute;）和偽元素（::before或::after）來創(chuàng)建豎杠，可以使用以下代碼來創(chuàng)建一個(gè)位于元素中心的豎杠：

.element {
  position: relative;
}
.element::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 100%;
  background-color: #000;
}

2、使用邊框（border）來創(chuàng)建豎杠，可以使用以下代碼來創(chuàng)建一個(gè)位于元素左側(cè)的豎杠：

.element {
  border-left: 2px solid #000;
}

3、使用漸變（gradient）來創(chuàng)建豎杠，可以使用以下代碼來創(chuàng)建一個(gè)位于元素中心的豎杠，并帶有一定的透明度：

.element {
  background: linear-gradient(to right, #000 50%, transparent 50%);
}

這些方法都可以實(shí)現(xiàn)豎杠的顯示，具體使用哪種方法取決于你的需求和設(shè)計(jì)。