css小积累

在开发中我们时不时会遇到有些css想不起来或者用的很少因此遗忘，刚好得空把我想到的简单列举一下

设置父元素的第 N 个子元素
:nth-child(n)        // n可以是数字、关键词或公式

设置奇数行偶数行样式
p:nth-child(even) {...}    // p标签的偶数行样式
p:nth-child(odd) {...}     // p标签的奇数行样式

中英文文字实现两端自动对齐
中文：text-align: justify;    // 实现两端对齐文本效果
英文：word-break: break-all;    // 允许在单词内换行（以此实现自动对齐）

段落文字首行缩进
text-indent: 2em;     // text-indent 可以使用所有长度单位，包括百分比值

文字溢出显示省略号(单行)
{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
文字溢出显示省略号(多行)
{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

隐藏滚动条样式
.box::-webkit-scrollbar {
 display: none;
}