## 目录

1. [居中](#居中)

### 居中

```css

top:50%;

left:50%;

transform: translate(-50%, -50%);

```

2.简易镂空效果

```

outline:  9999px solid rgba(0,0,0,.76);

```

3.多行文字

```

overflow: hidden;

text-overflow:ellipsis;

white-space: nowrap;

word-wrap:break-word;

word-break:break-all;

display:-webkit-box;

-webkit-box-orient:vertical;

-webkit-line-clamp:2;

overflow:hidden;

word-wrap:break-word;

word-break:break-all;

```

4.不被挤

```css

    flex-grow: 0;

    flex-shrink:0;

```

5.文字换行

6.input-placeholder

::-webkit-input-placeholder {

color:#c5c5c5;

font-size:px(28rem);

line-height:px(65rem);

}

7.ios input阴影{-webkit-appearance: none;}