两点还没睡觉的软件工程师，类似这样田字格格的展示，css 中间边框如何实现合并

2013-07-16

两点还没睡觉的程序员，类似这样田字格格的展示，css 中间边框怎么实现合并div.content{float:leftborder:1

两点还没睡觉的程序员，类似这样田字格格的展示，css 中间边框怎么实现合并

div.content
{
float:left;
border:1px solid #FFFFFF;
width:100px;
line-height:75px;
}
这样浮动形成的一个个格子排列，但中间的边框变为2px了，有办法么
写程序太苦逼了，整到夜里2点多

两点还没睡觉的软件工程师，类似这样田字格格的展示，css 中间边框如何实现合并
[解决办法]
最外面的div padding1px
[解决办法]
只设两边
border-left:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
[解决办法]

引用:

只设两边
border-left:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;

版主正解

border:1px solid #FFFFFF;这个是边框为1px，所以你中间的框就变成2Px了
[解决办法]
不用边框改用padding/margin
因为你这里白边框白背景的话，设置边距效果是一样的，还更容易控制

[解决办法]

引用:

不用边框改用padding/margin
因为你这里白边框白背景的话，设置边距效果是一样的，还更容易控制

支持这个
[解决办法]
2楼正解只设置左和上的 border

热点排行

CSS

两点还没睡觉的软件工程师，类似这样田字格格的展示，css 中间边框如何实现合并