第一次写博客,还有点小激动。个人最近一直做前端项目,对前端的热爱,与日俱增。各种学习停不下来,同时在项目中应用各种技能打怪。其乐无穷啊!感觉有好多东西必须和大家分享分享。于是就有想写的冲动。第一个被我选中的就是被我用了N遍的border-collapse:collapse;下面正经起来 。
相信第一次遇到这个小妖精。你会看到这样的解释:如果可能,边框会合并为一个单一的边框。what?请再看一遍。学习我是认真的,容我缓缓。如果可能???那个边框和那个边框合并为一个边框了?重点来了!!!
正常的表格空内容时它是这样的
table中加上border-collapse:collapse;后是这样的,闭上眼睛,1,2,3,
看到了吧,如果可能指的是:单元格内容为空时(注意:我是在IE11上试的,其他浏览器和IE的其他版本非常有可能呈现不同的情况,用时请先自行尝试一下,比较安全)。边框会合并:指的是内边框和外边框,内边框和内边框会合并为一个边框。
建议同胞们用时一定要先试试哦,尤其是新同学。我在用的过程中就碰到过意想不到的错误就是它引起的。