CSS可以讓圖片的兩端增長(zhǎng)，使得整個(gè)圖片更加美觀和流暢。下面將介紹如何實(shí)現(xiàn)這一效果。

下面是一個(gè)示例代碼：

width: 300px;

height: 300px;

margin: 20px auto;

這個(gè)示例代碼中，我們?cè)O(shè)置了圖片的寬度為300像素，高度為300像素，并使用`margin: 20px auto`來(lái)設(shè)置圖片的兩端長(zhǎng)度。`margin: auto`表示圖片會(huì)自動(dòng)收縮以適應(yīng)頁(yè)面寬度，這樣可以使得整個(gè)圖片更加美觀和流暢。

我們可以在需要增加圖片兩端長(zhǎng)度的時(shí)候，重新設(shè)置`margin`屬性。例如，當(dāng)圖片的寬度不足以覆蓋頁(yè)面時(shí)，我們可以將`margin`屬性設(shè)置為0，這樣就可以讓圖片的兩端增長(zhǎng)到頁(yè)面的寬度。

通過(guò)使用CSS中的`margin`屬性來(lái)控制圖片的兩端長(zhǎng)度，我們可以使得整個(gè)圖片更加美觀和流暢。