css的使用屬於多個成分組合起作用，所以會有很多常用的組合，我總結自己遇到的一些組合。

1.使用了position:absolute`

就會結合

top
bottom
left
right

等來進行定位

2.使用display:flex進行上下佈局

就會結合：

縱向對齊
flex-direction:column 
縱向對齊方式
align-items:

3.塊級元素設置寬高：

如果定義元素爲

block或者inline-block

就會去設置元素寬高;

height
width

4.塊內元素中的行內元素垂直定位

在使用

inline-block

後，結合

vertical-align

對行內元素垂直方向調整位置。
使用

text-align

設置塊狀元素內文本對齊方式

5.背景圖片的大小

使用

background-image:

會結合

background-size:cover

來設置大小。

6.div中有文字需要調整，比如標題欄

控制水平居中
text-align:center
控制垂直居中
line-height設置爲和height大小一樣
使用border-bottom:1px solid black來畫出一條底邊分界線

7 同一行數字太多使用…來替換

.one-line{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}