1

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

我以各种方式尝试了“填充”，但它们似乎组合在一起，无论我尝试什么都会影响所有 4 个。

如果我没记错的话，这是表单的 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);
}

有什么建议么？

4

4 回答 4

2

padding值是对象本身与内部内容之间的距离。

您应该margin为内容中的每个文本框使用 key，这些文本框被归类为 form-inner。

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

边距定义了对象本身与其旁边的其他对象之间的距离。

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

一个很好的示意图示例

于 2013-04-06T13:40:07.147 回答
1

来自 styl.css（第 317 行） .form-field { ... margin: 0 0 3px }（仅下边距...3px）

.form-field所有 4 个输入框都在带有类的容器内。

一个修复：

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

（这可能需要右边距。我从未使用过从右到左的文本）

于 2013-04-06T13:40:22.477 回答
1

您可以在类上添加margin-right属性.form-field，但请记住在表单上设置更大的宽度。

于 2013-04-06T13:41:02.777 回答
1

我认为.form-inner是您表格周围的框。如果您想在文本框之间留出更多空间，您应该为.form-field类设置样式。

例如：

.form-field {
    padding-right:10px;
}
于 2013-04-06T13:41:36.457 回答