css设置文字中间的小竖线

主要css属性是border-right

border-right:1px solid gray;

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");;

    })

时间： 2024-10-05 09:45:29

css设置文字中间的小竖线的相关文章

如何利用CSS设置文字的阴影效果

如何利用CSS设置文字的阴影效果:建议:尽可能的手写代码,可以有效的提高学习效率和深度.有时候需要给文字加上阴影,下面就结合实例简单介绍一下如何给文字加上阴影效果.先看一段代码实例: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/"

<span id="topaccount" style="font-size:3rem;color:red;">NANA</span> <span> 这是html的某一个页面的span里面的东西我想让它自适应显示设备儿变大变小font-size:3rem 1rem=16px 然后我只要设置html的属性,然后具体哪个标签要固定死就让他为固定的值.其他的值为3rem的百分比 <style> @media screen

css设置文字不换行并显示省略号

1.单行文本显示省略号 width:value(具体的值):设置容器具体的宽度 white-spacing:nowrap:强制文本在一行内显示 overflow:hidden:溢出内容为隐藏 text-overflow:ellipsis:溢出文本显示省略号 2.多行文本显示省略号 display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden: text-overflow:ellipsis: -webkit-line-clamp

CSS设置文字在div的中央显示（转）

网址来源:http://keleyi.com/a/bjac/n1j9gb06.htm #divId_keleyi_com {width: 200px;height: 40px; /*div的高度*/line-height:40px; /*/这个数值要和height高度相等,才能控制文字上下居中*/text-align:center; /*/控制文字左右居中*/ color: #FB592B; /*/字体颜色*/font-size:25px;}<div id="divId_keleyi_co

css设置文字上下居中，一行文字居中，两行或多行文字同样居中,附带效果图

附图: 1. 利用Flex布局实现 demo.html 1 <div class="demo demo-flex"><span>孤云将野鹤,岂向人间住.莫买沃洲山,时人已知处.</span></div> style.css 1 .demo { 2 width: 120px; 3 height: 200px; 4 border: 1px solid red; 5 /*line-height: 25px;*/ 6 font-size: 12p

使用CSS设置文字不可选

可以使用user-select属性实例: 1 .noselect { 2 -webkit-touch-callout: none; 3 -webkit-user-select: none; 4 -khtml-user-select: none; 5 -moz-user-select: none; 6 -ms-user-select: none; 7 user-select: none; 8 } <p> Selectable text. </p> <p class="

Css设置文字旋转

.test{ -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); display: block; position: absolute; filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3) } <span class="test">2009</span> 结果: 原文地址:https://www.cnblo

CSS如何设置文字之间的间隔

CSS如何设置文字之间的间隔:在通常情况下都是使用文字的默认间距,但是有时候也要认为的设置文字之间的间距,下面就通过实例代码介绍一下如何实现此效果,代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <

CSS立体文字效果最佳实践

上一篇的<纯CSS3文字效果推荐>文章里面推荐了8款纯css实现的文字效果,其中3d文字效果最为流行,限于篇幅仅仅展示了其3D实现原理,没有考虑代码的复用性和可移植性,今天来补充下,顺便领略sass的强大功能,请大家摩摩拳擦擦掌,开工咯! 案例效果还是在codepen,在线研究点这里,下载收藏点这里. 1.单单纯纯的效果一为了简化操作,我们使用和上一篇文章<纯CSS3文字效果推荐>一样的文档结构,后面的效果大差小不差,也就不再列出. <div contenteditable