摘要: .nav li:not(:last-child){ border-right:1px solie #ccc; } 使用负的 nth-child 选取元素 /* 选择前3个元素并显示它们 */ li:nth-child(-n+3){ display:block; } /* 选择第4到第8个元素并显示它 阅读全文
posted @ 2016-10-20 14:13 白色斑马线 阅读(1065) 评论(0) 推荐(0) 编辑
摘要: display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TW 阅读全文
posted @ 2016-10-20 13:54 白色斑马线 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 通过给伪元素 :after 设置 inline-block 设置宽度 100% ,配合容器的 text-align: justify 就可以轻松实现多列均匀布局了。 阅读全文
posted @ 2016-10-20 10:50 白色斑马线 阅读(105) 评论(0) 推荐(0) 编辑
摘要: 转载于伯乐在线 z-index 看上去其实很简单,根据 z-index 的高低决定层叠的优先级,实则深入进去,会发现内有乾坤。 看看下面这题,定义两个 div A 和 B,被包括在同一个父 div 标签下。HTML结构如下: <div class="container"> <div class="i 阅读全文
posted @ 2016-10-20 10:29 白色斑马线 阅读(122) 评论(0) 推荐(0) 编辑
摘要: 将 p 设置为display:inline-block ,利用 inline-block 元素可以被父级 text-align:center 居中的特性,这样就可以实现单行居中,多行居左 阅读全文
posted @ 2016-10-20 10:07 白色斑马线 阅读(237) 评论(0) 推荐(0) 编辑