間距表單框

我在頁面上有一個表單，我試圖給文本框之間留出更多空間。間距表單框

我以各種方式嘗試過「填充」，但它們似乎被組合在一起，而且我試着影響所有其中的4個。

The page

如果我不misstaking這是窗體的對箱CSS：

.form-inner 
{ 
    /*background:url('../img/content-bg-top.png') no-repeat left top;*/ 
    min-height:278px; 
    margin:-40px 0 0 0; 
    padding:72px 72px 21px 36px; 
    position:relative; 
    z-index:1; 
    font-size:14px; 

    -webkit-text-shadow:0 1px 0 rgba(255,255,255,0.4); 
    -moz-text-shadow:0 1px 0 rgba(255,255,255,0.4); 
    text-shadow:0 1px 0 rgba(255,255,255,0.4); 
}

有什麼建議？

來源

2013-04-06 TonalDev

padding值是對象本身和內部內容之間的距離。

對於分類爲form-inner的內容中的每個文本框，您應該使用margin鍵。

.form-inner input[type=text] 
{ 
    margin: 10px 20px; 
}

保證金定義了對象自身與其旁邊的其他對象之間的距離。

margin: [top] [right] [bottom] [left]

A nice schematic example

來源

2013-04-06 13:40:07 zkanoca

謝謝大家的幫助，厄茲坎是第一個用正確的迴應fix..ill接受這個答案 – TonalDev 2013-04-06 13:48:18

從styl.css（線317） .form-field { ... margin: 0 0 3px }（僅底部邊緣... 3PX）

的那些輸入框全部4與.form-field類內部容器。

一個補丁修復：

.form-field { margin:0 10px 3px } 
.form-field:first-child { margin-left:0 }

（即可能需要保證金右我從來沒有與從右至左的文字工作。）

來源

2013-04-06 13:40:22 Dawson

您可以在.form-field類添加margin-right財產，但要記住在表單上設置更大的寬度。

來源

2013-04-06 13:41:02

我認爲.form-inner是您的窗體周圍的框。如果你想在你的文本框之間留出更多的空間，你應該設計類型爲.form-field的類。

例如：

.form-field { 
    padding-right:10px; 
}

來源

2013-04-06 13:41:36

回答

相關問題