經過幾天大腦短路，今天終于自動修復成功。迫不及待的來寫個隨筆紀念一下。話不多說 進入正題：

　　這兩天忙里偷閑仔細研究了下background-position圖片定位的問題，之前自己都不清楚是怎么一回事，現在來分享一下到底是怎么一回事。

　　背景圖片定位（background-position）原理

　　I. 語法：Background-position:水平位置 垂直位置

　　II. 水平位置/垂直位置設置方法：

　　1） 數值（px）正負值都可以，正數值表示向右移動或向下移動，負數值表示向左或向上移動；

　　2） 百分比（%）范圍：0%—100%

　　3） 關鍵詞：水平位置：left(左) center(中) right(右)? 垂直位置：top(上) center(中) bottom(下)

　　默認情況下，background-position的原點位于左上角，換句話說，元素的左上角和圖片的左上角是對齊的，隨后圖片向各個方向重復，都是以左上角為起點。

　　注意：當只設置一個值時：代表水平位置，垂直位置默認居中

　　學無止境，我們需要學習的太多太多，有時候我們可以稍微放緩一下腳步，沉淀一下我們的知識，加深一下理解，會更加的有趣。

　　知識是一種快樂，好奇則是知識的萌芽。加油！

轉載于:https://www.cnblogs.com/H-Gfeng/p/10428263.html

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的拨开云雾见月明的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。