2013-01-24 26 views
1

我目前有一個字段集,它必須佔用我的容器的96%。該字段集必須使其元素居中,但也必須對齊,例如,所有標籤必須在同一地點結束,並且所有輸入必須始於同一地點。集中和對齊字段集中的元素

這是沒有整個中心問題很容易與代碼(JSFiddle):

.formulaire 
{ 
    margin: 1em auto; 
    border-style: solid; 
    border-width: 1px; 
    border-color: #B0B0B0; 
    padding: 1em; 

} 

.formulaire label 
{ 
    float: left; 
    width: 25%; 
    text-align: right; 
} 

我試圖把我的字段集與文本對齊中心一個div裏面,但是它只是中心的一切,不對齊任何東西。

任何幫助,將不勝感激

謝謝!

回答

0

是你可以用在一個div您的表單字段,寬度設置爲最長的標籤/場組合,然後與margin:0 auto;

Here is the example

+0

您的例子並不在這裏工作(火狐便攜式的div中心18.0.1)。然而,我明白你的意思......我在我的網站的前一個版本中使用了它,但是由於它不夠靈活(每個字段必須有它自己的ID ...),它會導致問題。 – Estarius