日期:2014-05-17  浏览次数:20635 次

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

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


------解决方案--------------------
最外面的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