CSS3 中使得圖片居中的方法有很多，其中最常用的方法是使用 CSS 的 `居中` 屬性和 `margin` 屬性。下面將介紹這些方法：

1. 使用 `margin` 屬性

使用 `margin` 屬性可以讓元素居中。在 CSS 中，可以使用 `margin` 屬性來(lái)控制元素的左右margin和上下margin。其中，`margin-left`和`margin-right`表示元素在水平方向上的偏移量，`margin` 屬性的值越界，元素會(huì)超出容器的中心。

例如，要將圖片居中，可以使用以下代碼：

width: 200px;

height: 200px;

margin: 0 auto;

在上面的代碼中，`margin: 0 auto`表示元素在水平方向上的偏移量為0，并且垂直方向上的偏移量為100%。這樣，元素就會(huì)居中。

2. 使用 `transform` 屬性

使用 `transform` 屬性可以讓元素居中。在 CSS 中，可以使用 `transform` 屬性來(lái)調(diào)整元素的旋轉(zhuǎn)、縮放、平移等屬性。其中，`transform` 屬性的值包含了旋轉(zhuǎn)、縮放、平移的參數(shù)。

例如，要將圖片居中，可以使用以下代碼：

width: 200px;

height: 200px;

transform: rotate(45deg);

transform-origin: 0 100%;

在上面的代碼中，`transform: rotate(45deg);`表示元素將旋轉(zhuǎn)45度，`transform-origin: 0 100%;`表示元素在水平和垂直方向上的中心點(diǎn)將位于元素本身的長(zhǎng)度和寬度的一半處。

3. 使用偽元素

使用偽元素可以讓元素居中。在 CSS 中，可以使用 `::before`和`::after`偽元素來(lái)讓元素在水平方向上居中。其中，`::before`偽元素用來(lái)設(shè)置元素的起始位置，`::after`偽元素用來(lái)設(shè)置元素的結(jié)束位置。

例如，要將圖片居中，可以使用以下代碼：

width: 200px;

height: 200px;

position: relative;

content: "";

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

left: 0;

transform: rotate(-45deg);

left: 100%;

transform: translate(0, -100%);

在上面的代碼中，`::before`和`::after`偽元素分別用來(lái)設(shè)置圖片的起始位置和結(jié)束位置。其中，`left`和`transform`屬性表示元素的偏移量。

這些方法可以讓圖片在 CSS3 中居中。當(dāng)然，還有其他方法可以讓圖片居中，具體使用哪種方法，可以根據(jù)具體情況來(lái)決定。