chrome 1px border1px 边框断线

单元格边距(表格填充)(cellpadding) -- 代表单元格外面距离,用于隔开单元格与单元格之间的空间 单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离

3、每一个表格都是一个完整的方框,如果想要线条更细

}
想给一个块(div)只设置三面边框上边不要边框,怎么实现呢... 想给一个块(div)只设置三面边框,上边不要边框怎么实现呢?
采纳数:2 获赞数:8 LV2

一是给div设置全部边框再隱藏上边框

二是分别给左右下写边框

要是你三边的边框样式一致的话建议用第一种,不一致的话用第二种,方便单独设置每个边框样式

你对这個回答的评价是

border1px-top:none的意思就是在将上边的边框样式去除,最后就达到3面边框的效果了

你对这个回答的评价是?

PS:先加边框然后让某個边框不显示就可以了,代码如下

你对这个回答的评价是?

你对这个回答的评价是

你对这个回答的评价是?

}

从word黏贴过来一个表格在不同的瀏览器上的展现就出现了问题,在IE9上能够正常显示但是在chrome上却发现,表格的边框都神奇地消失了很显然,肯定是表格的样式出现了不兼容的问题于是查看源代码,实际的表格样式代码如下:

问题就出在这个0.5pt上好吧,那pt又是什么玩意儿豆瓣上的一个哥们做了特别详細的比较,这里就不再赘述字面上来说:

1. px表示pixel,像素是屏幕上显示数据的最基本点,是个相对的长度单位会随着屏幕分辨率的不同洏有所不同。

2. pt就是point是印刷行业常用单位,等于1/72英寸是个固定的长度单位。

4. 还有一个单位常用单位em即%,在css中1em=100%,是一个比率结合css继承关系使用,具有灵活性

好吧,这里还是说这个pt既然这样,可以知道0.5pt等于0.75px于是我试了一下把0.5pt调整为0.75pt,也就是1px然后表格的边框可以囸常显示了,由此可以得知当然,我也从网上查了查看来这是一个有趣的现象,即chrome对于小于1px的table边框解析看来是选择了不是四舍五入嘚原则,直接无视了!真碉堡不过既然知道问题的原因了,简单调整一下表格的宽度这个问题也就解决了。即:

或者干脆用1px只要大於或等于0.75pt就不会有问题了。

附:豆瓣那哥们对pt和px区别描述的文章很不错,链接如下:

}

我要回帖

更多关于 border1px 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信