Wie setze ich in CSS eine kleine vertikale Linie in die Mitte des Textes?

Die wichtigsten CSS-Eigenschaften sind border-right

border-right:1px solid grey;

padding-right:10px;

padding-left:10px;

 <div data-bind="foreach:RequestListAll">
   <a class="PositionName" style="display: block;color:gray; float: left; font-family: 微软雅黑; font-size: 14px;border-right:1px solid gray;padding-right:10px;padding-left:10px;" data-bind="text:PositionName,click: $root.ViewDetail"></a>                             
 </div>

Bei diesem Stil erscheinen Text und Schrägstriche in einer Reihe, was dazu führt, dass später eine vertikale Linie erscheint, die hässlich aussieht jQuery zum Entfernen des letzten

$(function () {
        $(".PositionName").last().css("border-right", "none");;
        
    })

Das obige ist der detaillierte Inhalt vonWie setze ich in CSS eine kleine vertikale Linie in die Mitte des Textes?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!