发表于： 2019-03-04 17:55:05
1 830
1.实现单行文本溢出显示省略号<p style="width: 300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
2.多行文本溢出显示省略号
display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;3.nth-child(),括号内可写
n 第n项
odd = 2n+1 奇数项
even = 2n 偶数项
xn 第x，2x，3x项
n+x 第n项（包含）到末尾
-n+x 第一项到底x项（包含）
nth-child(n+2):nth-child(odd):nth-child(-n+9) 子元素是从第2位到第9位，并且只包含奇数位
4.高度剩余法 和宽度剩余法
5.absolute 和负margin 的结合使用
返回列表
评论