做移动端,中间有条细线,我是做了一个大盒子宽度给了100%,然后又做了两个小盒子其中左边的盒子49.90%,右边50%,左边的小盒子给了一个右边作为中间的细线,但是感觉电脑看会有间隙,请问有什么完美方法吗?谢谢!
不太明白你的意思,不过这个线用伪元素加绝对定位来做,设个居中就行了(left:50%,margin-left负的自身的一半)
两个都给50%的宽度及右边框,然后给最后一个li的边框去掉
li{width:50%;border-right:1px solid #ddd;}
li:last-child{border-right:0;}
这只是部分代码,你懂的
将左右两个div设置50%,再加个box-sizing:border-box
看下box-sizing
http://www.w3school.com.cn/cs...
如果你只是纠结中间的那条线的间隙,用table不是可以一下子解决你的问题吗?至于个人和单位那些,往格子里面茶插,进行排版即可
能说下感觉会有间隙的准确含义吗。
方案1、利用大盒子的背景
background:url(shuxian.png) center center repeat-y
方案2、利用大盒子的伪元素,上面有人说了
方案3、两个小盒子其中一个设置Border不就好了~
方案1比较优雅