CSS6引入了一些新的樣式，其中之一是居中圖片的能力，可以使用`margin`和`居中`屬性來實現圖片的居中效果。

下面是一個使用CSS6居中圖片的簡單示例：

```html

<style>

.居中 {

display: flex;

justify-content: center;

align-items: center;

</style>

在上面的代碼中，我們使用了`display: flex`來將元素轉換為一個flex容器，然后使用`justify-content: center`和`align-items: center`來將圖片居中。

需要注意的是，如果圖片的寬度比元素的寬度大，那么圖片將會自動縮小以適應元素的寬度。為了避免這種情況，可以使用絕對定位來將圖片放在元素中心，然后使用`transform`屬性將圖片旋轉到正確的位置。

下面是一個使用絕對定位并將圖片旋轉到正確的位置的示例：

```html

<style>

.居中 {

display: flex;

justify-content: center;

align-items: center;

position: absolute;

top: 50%;

transform: translateY(-50%);

</style>

在上面的代碼中，我們使用了`position: absolute`來將圖片絕對定位到元素中心，然后使用`top`和`transform`屬性將圖片旋轉到正確的位置。這種方法還可以用于將其他元素居中，只需要將相應的元素設置為`position: absolute`并使用相同的屬性即可。

通過使用CSS6的居中屬性，我們可以輕松地將圖片居中，而不必擔心圖片會自動縮小或旋轉。