Tips：
Q：調(diào)整瀏覽器寬窄時(shí)纺腊，發(fā)現(xiàn)只有header的文字動(dòng)，背景圖案不動(dòng)是怎么回事？
A：沒(méi)有設(shè)置圖片的background-position.
Q:讓文字垂直居中有什么辦法？
A：
1.然后設(shè)置一個(gè)上下padding垦页，撐開圖片辕羽，保持文字居中垄惧。
2.絕對(duì)定位居中
將背景圖的div設(shè)置為height：100%刁愿，相對(duì)定位，文字塊絕對(duì)定位觉壶。很奇怪為什么需要設(shè)置height枷踏，因?yàn)橐呀?jīng)設(shè)置了background-size了，以為圖片會(huì)自動(dòng)撐滿掰曾。
3.看到其他同學(xué)的做法是設(shè)置為表格元素旭蠕，這樣可以直接用屬性vertical-align：middle設(shè)置垂直居中。
4.添加外邊距，但是直接對(duì)文字塊設(shè)置上外邊距會(huì)出現(xiàn)這種效果：
所以這里我們將header設(shè)置為BFC掏熬，再添加上邊距
注意這里邊距直接使用像素佑稠，會(huì)比百分比好。因?yàn)樗性囟家呀?jīng)確定了旗芬。
版權(quán)歸INTERNALENVY和饑人谷所有舌胶，轉(zhuǎn)載請(qǐng)注明出處。
