关键词：
谈谈分垂直分割线的几种写法，我们对这种分隔线不会陌生，在项目需求中会经常遇到，我们来看看
下边的几种写法，
方法一：
<div>
<a href="">注册</a>｜<a href="">登录</a>
</div>
直接在文字中间插入短线字符；
优点：简单、直接、高效。
缺点：可控性差；
方法二：
HTML：
<div>
<a href="" class="reg">注册</a>
<a href="">登录</a>
</div>
CSS：
.reg:after{
content: "|";
display: inline-block;
}
伪元素方法，其实跟直接插入差不多，一个是真是存在的字符，一个是伪的元素
css样式也可以这么写
.reg:after {
content: " ";
border-left: 1px solid #000;
margin-left: 6px;
}
利用border实现竖线；优点：不用多写多余的元素；缺点：可控性也差；
方法三：
HTML：
<div>
<a href="">注册</a>
<span class="fenge"></span>
<a href="">登录</a>
</div>
CSS：
.fenge{
padding:12px 6px 0px 6px;
margin-left: 6px;
border-left: 1px solid #000;
font-size: 0;
}
利用border和padding ，这里使用padding主要是可以调控竖线的高度。实现可控性。优点：可控性高；缺点：多一个空白节点；
方法四：
HTML：
<div>
<a href="" class="reg_img">注册</a>
<a href="">登录</a>
</div>
CSS：
.reg_img{
background: url(../images/line.gif) no-repeat right;
padding-right: 6px;
display: block;
margin-right: 6px;
}
利用背景图片；优点：可控性当然就是图片的制作大小；缺点：要切图；
以上。。。。
css常用的几种垂直居中（包括图片）
我知道现在有非常多的水平垂直居中的写法，我就写一些我自己常用的方法，同时说明一下优缺点<divclass="wrapper"><divclass="item"></div></div>.wrapper{width:200px;height:200px;}.item{width:100px;height:100px;}1｀position tranf 查看详情
设置颜色的几种写法
1.msgView.setBackgroundColor(Color.parseColor("#6D8FB0")); 查看详情
js面向对象的几种写法
JS中，面向对象有几种写法。归纳下，大概有下面这几种：工厂模式，构造函数模式，原型模式，构造函数与原型模式的混合使用，原型链继承，借用构造函数继承。 一、工厂模式functionperson(name,age,jpb){varo={};//定义o这个... 查看详情
单例模式的几种写法
1、静态初始化/**饿汉式类加载到内存后，就实例化一个单例，jvm保证线程安全简单实用，推荐使用唯一缺点：不管用到与否，类加载时就完成实例化（话说你不用的，你转载它干啥）一般这种就够用了*/publicclassMgr01{privatestaticfin... 查看详情
java多线程的几种写法
Java多线程的在开发中用到的很多，简单总结一下几种写法，分别是继承Thread方法，实现Runnable接口，实现Callable接口；1.继承Thread方法classTestThreadextendsThread{Stringname;publicTestThread(Stringname){this.name=name;}@Overridepublicvoidrun(){for(inti= 查看详情
单例模式的几种写法
懒汉式饿汉式就不多说了体会代码 都不能防止反射机制攻击和反序列化 publicclassSingleton{privatestaticfinalSingletonMYINSTANCE=newSingleton();privateSingleton(){super();}publicstaticSingletongetInstance(){returnMYINSTANCE;}}/ 查看详情
js函数表达的几种写法
（1）典型的函数声明functionslide(arguments){//...code/}（2）以函数表达式的形式定义函数varslide=function(arguments){//...code}他们有所区别：例子二是赋值给了一个变量 varslide=newObject(){//...code}个人理解构造函数是为了多个调用配合this&n... 查看详情
css垂直居中的几种方法
1.图片水平垂直居中html:<divclass="parent"><divclass="child"><imgsrc="xxx/demo.png"></div></div>css:.parent{display:table}.parent.child{display:table-cell;*display:inline-block;te 查看详情
css中水平垂直居中的几种解决方法
在控制元素的水平、垂直居中问题时，有很多种解决方法，下面介绍几种解决办法：水平垂直居中：第一种：css3的transform.ele{//父元素/*设置元素绝对定位*/position:absolute;/*top50%*/top:50%;/*left50%*/left:50%;/*css3transform实现*/transform:transla... 查看详情
线程的几种写法
1、第一种写法Threadthread=newThread(MyMethod);staticvoidMyMethod() console.write("我是不带参数的委托方法");thread.start();2、第二种写法，匿名委托：Threadthread2=newThread(delegate() console.write("我是匿名的委托方法"););thread2.start();3、第三种写... 查看详情
关于dtd的几种写法(代码片段)
个人感觉dtd之后会用，所以在这里记录些常用写法 1.这是将dtd对象置于方法体里的 varwait=function(dtd) vardtd=$.Deferred();//在函数内部，新建一个Deferred对象 vartasks=function() alert("执行完毕！");... 查看详情
js确保正确this的几种写法
1.直接用bind调用this.method.bind(this)2.构造函数中用bind定义classFoo{constructor(){this.method=this.method.bind(this);}}3.用箭头函数定义或调用//定义classFoo{constructor(){//定义1this.method1=()=>{this.xxx=b;}}//定义2method2:() 查看详情
dephifillchar的几种写法
//在delphi新版中,char已经是双字节了。故应该重新自己写一个函数，取名为FillByte，才无歧义。procedureTForm1.Button2Click(Sender:TObject);//功能，将Buff数组快速填充为一个值，如65constMaxLen=1024;varBuff:array[0..MaxLen]ofbyte;p:PByte;i:integer;beginp:=@B 查看详情
css元素垂直居中的几种方法
在网页响应式布局中，实现水平居中很简单。可是，垂直居中方面，元素的宽度和高度是不可控的，所以很多办法并不适用。总结了下平时用到的垂直居中的几种办法：demo中HTML代码：<divclass="center"><span></span></div... 查看详情
纯css实现垂直居中的几种方法
垂直居中是布局中十分常见的效果之一，为实现良好的兼容性，PC端实现垂直居中的方法一般是通过绝对定位，table-cell，负边距等方法。有了css3，针对移动端的垂直居中就更加多样化。方法1：table-cellhtml结构： <div&nbs... 查看详情
纯css实现垂直居中的几种方法
垂直居中是布局中十分常见的效果之一，为实现良好的兼容性，PC端实现垂直居中的方法一般是通过绝对定位，table-cell，负边距等方法。有了css3，针对移动端的垂直居中就更加多样化。方法1：table-cellhtml结构：123<divclass="boxbox... 查看详情
垂直水平居中的几种方法
1，（元素在容器中垂直水平居中）css：.box{width:800px;height:800px;background:#ccc;display:flex;justify-content:center;align-items:center;} .boxdiv{width:300px;height:300 查看详情
css实现垂直水平居中的几种方法
直接上代码，只需切换class就可看效果<!DOCTYPEhtml><html><head><title>水平垂直居中</title><styletype="text/css">*{margin:0;padding:0;}.myDiv{width:200px;height:200px;background:lightblue; 查看详情