主要css属性是border-right
border-right:1px solid gray;
padding-right:10px;
padding-left:10px;

1 2 3 | <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把最后一条也去掉
1 2 3 4 | $( function () {
$( ".PositionName" ).last().css( "border-right" , "none" );;
})
|
登录后复制
以上是css如何设置文字中间的小竖线?的详细内容。更多信息请关注PHP中文网其他相关文章!