寬屏大圖是一種常見的應用場景，用戶需要能夠在寬屏屏幕上正常顯示圖片。為了居中顯示寬屏大圖，可以使用 CSS 進行布局。

下面是一些居中 CSS 技巧：

1. 使用絕對定位

可以使用絕對定位來將元素定位到屏幕的中心。例如，可以使用 `div` 元素創建一個容器，并使用 `position: absolute` 屬性將其定位到屏幕的中心。然后，為容器添加一個樣式，使其寬度等于屏幕的寬度，并使其高度等于屏幕的高度。這樣，容器就會在屏幕上居中。

例如，以下代碼將創建一個寬屏大圖容器，并將其居中：

```html

</div>

```css

position: absolute;

top: 50%;

left: 50%;

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

width: 100%;

height: 100%;

2. 使用偽元素

可以使用偽元素來將元素居中。例如，可以使用 `div` 元素創建一個容器，并使用 `position: relative` 屬性將其定位到屏幕的左上角。然后，為容器添加一個 `div` 元素，并將其居中：

```html

<div class="居中-div">

</div>

</div>

```css

position: relative;

.居中-div {

position: absolute;

top: 50%;

left: 50%;

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

width: 100%;

height: 100%;

3. 使用表格布局

可以使用表格布局來將元素居中。例如，可以使用 HTML 表格和 CSS 樣式來創建一個表格，并將表格中的單元格設置為寬屏大圖的寬度，并將其居中：

```html

<table>

<tr>

<td>圖片1</td>

<td>圖片2</td>

</tr>

<tr>

<td>圖片3</td>

<td>圖片4</td>

</tr>

</table>

```css

table {

border-collapse: collapse;

width: 100%;

text-align: center;

display: table;

width: 100%;

display: table-cell;

width: 100%;

text-align: center;

這些技巧只是居中寬屏大圖的一些常見方法，實際上還有很多其他技巧可以使用。希望這些技巧能夠幫助您成功居中寬屏大圖。