间距表单框

我在页面上有一个表单，我试图给文本框之间留出更多空间。间距表单框

我以各种方式尝试过“填充”，但它们似乎被组合在一起，而且我试着影响所有其中的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

回答

相关问题