問題爲中心的圖像塊與水平面板

Question

嗯，就像標題說我試圖居中圖像塊在水平面板看起來像

| ------- iiiii-- ---- |

其中|的是屏幕邊框，和我的全部圖像相鄰

我一直在嘗試使用的東西變化像

<ui:style> 
.... 
.hPanel { display:block; } 
</ui:style> 
.... 
<g:HorizontalPanel width='100%' horizontalAlignment='ALIGN_CENTER' addStyleNames="{style.hPanel}" > 
<g:Image resource="{icons.a}" ui:field="a"/> 
<g:Image resource="{icons.b}" ui:field="b"/> 
<g:Image resource="{icons.c}" ui:field="c"/> 
<g:Image resource="{icons.d}" ui:field="d"/> 
<g:Image resource="{icons.e}" ui:field="e"/> 
</g:HorizontalPanel> 

與其他的東西，如把

而且利潤率和利潤率都是自動的，但是我得到的唯一結果是 | iiiii ------- |或| - 我 - 我 - 我 - 我 - 我 - | （如果我拿出顯示：塊）

Answer 1

Aaahhh，舊的居中div（沒有固定寬度）的問題。有很多解決方案，但他們在不同的瀏覽器上取得了不同的成功。

唯一在所有瀏覽器上爲我工作的是一個列表（<ul><li>），左右爲50％。

你把你的數據<li></li>

#parent { 
    width: 100%; 
} 

#parent ul { 
    margin: 0; 
    position: relative; 
    list-style: none; 
    float: left; 
    left: 50%; 
    padding: 0 
} 

#parent ul li { 
    position: relative; 
    float: right; 
    right: 50%; 
    padding: 0; 
}