CSS에서 텍스트 중간에 작은 수직선을 설정하는 방법은 무엇입니까?

주요 CSS 속성은 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>

이 스타일을 일반 텍스트 및 슬래시가 많이 나타나 나중에 수직선이 나타나 보기 흉해 보입니다. jQuery를 사용하여 마지막 것을 제거하세요

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

위 내용은 CSS에서 텍스트 중간에 작은 수직선을 설정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!