border-collapse:collapse 这个小妖精!

    第一次写博客,还有点小激动。个人最近一直做前端项目,对前端的热爱,与日俱增。各种学习停不下来大笑,同时在项目中应用各种技能打怪。其乐无穷啊!感觉有好多东西必须和大家分享分享。于是就有想写的冲动。第一个被我选中的就是被我用了N遍的border-collapse:collapse;下面正经起来 。

   相信第一次遇到这个小妖精。你会看到这样的解释:如果可能,边框会合并为一个单一的边框。what?疑问请再看一遍。学习我是认真的,容我缓缓。如果可能???那个边框和那个边框合并为一个边框了?重点来了!!!

 正常的表格空内容时它是这样的

table中加上border-collapse:collapse;后是这样的,闭上眼睛,1,2,3,

 看到了吧,如果可能指的是:单元格内容为空时(注意:我是在IE11上试的,其他浏览器和IE的其他版本非常有可能呈现不同的情况,用时请先自行尝试一下,比较安全)。边框会合并:指的是内边框和外边框,内边框和内边框会合并为一个边框。

 建议同胞们用时一定要先试试哦,尤其是新同学。我在用的过程中就碰到过意想不到的错误就是它引起的。

  • 19
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值