CSS中的百分比可以非常靈活地控制元素的尺寸和位置，尤其是在處理圖片的時(shí)候。

img {
width: 50%;
display: block;
margin: 0 auto;
}

上述代碼使用了CSS中的百分比來(lái)設(shè)置圖片的寬度為父元素寬度的一半，并設(shè)置了圖片的水平居中。

其中，display: block;是為了解決圖片默認(rèn)是行內(nèi)元素而不能水平居中的問(wèn)題，margin: 0 auto;則是為了使圖片水平居中。

這里要注意的是，設(shè)置圖片寬度為百分比需要考慮圖片本身的尺寸和父元素的大小，如果圖片本身比父元素小，那么設(shè)置寬度為百分比可能會(huì)出現(xiàn)圖片變大的情況。

因此，在使用CSS百分比控制圖片寬度時(shí)，應(yīng)該先考慮圖片本身的尺寸和比例，以及父元素的大小和布局，從而找到合適的百分比值。