问:消失的边界线|CSS中如何去掉最后的边界线?
七娃博客
575人阅读
css去掉最后一个子元素的边界线问题,是前端一个老生常谈的问题之一。
现代浏览器(IE内核不兼容CSS3的版本除外)写法:
.item:nth-of-type(4n){ border:none; }
兼容IE写法:
浮动布局,子元素宽度减1px,左边框,重点是父元素margin-left:-1px;同理,右边框,父元素负右margin也可以:
.fu{ overflow:hidden; margin-left:-1px; } .item{ float:left; width:120px; border-left:1px solid #999; }
主题开源不易,支持一下作者吧!
使用支付宝打赏
使用微信打赏
评论 | 0 条评论
登录之后才可留言,前往登录