對齊3格，而左側和右側僅重複-x，中間居中

Question

我需要對齊3格。

• 左側1格沒有尺寸指定，它只有1個像素repeat-x。
• 1居中居中居中。在右側
• 1格，沒有大小指定，它只是一個1個象素重複-X

感謝您的反饋意見。
我要求的是，可以將圖像放在頁面中間。
但是：在圖像的右側和左側，有兩個區域可以根據屏幕分辨率增長。
這些區域是「1像素重複x」圖像。
請注意：右側和左側的圖像是不一樣的圖片！

下面的草圖是（我希望）的圖片會解釋我的問題：

感謝

Answer 1

你需要什麼過去「正確」的div？該中心元素應在容器中包裝成這樣：

<div class='background'> 
    <div class='middle'></div> 
</div> 

使用CSS：

.background: { 
    position: relative; 
    background-image: (your image); 
    background-repeat: repeat-x; 
} 
.middle: { 
    margin: 0 auto; 
    width: 1446px; 
    background-image: (another image); 
    text-align: center; 
} 

你應該包括更多的描述，以你試圖完成什麼。這有點模糊。