1. 程式人生 > >背景圖片位置設置為百分比

背景圖片位置設置為百分比

宋體 font 百分數 pan 很好 位置 容器 style 效果

background-position:50% 50%;水平和垂直方向都居中。

background-position:value1 value2

value1value2的值可以值絕對值也可以是百分數,大部分值都很好理解,但是50% 50%這兩個值是如何計算的呢?

圖片水平和垂直居中。與 background-position:center center;效果等同。

等同於x{容器(container)的寬度—背景圖片的寬度}*x百分比,超出的部分隱藏。

等同於y{容器(container)的高度—背景圖片的高度}*y百分比,超出的部分隱藏。

背景圖片位置設置為百分比