Question

我有简单的表单并附加了css文件。你可以看到有2个字段和一个复选框 - 我想直接在textarea下创建复选框，大约1-2px空间，而不是现在 - 我该如何修改它？我认为问题出在这里：

.textox, .textoxarea {
    width: 340px;
    border: solid 1px #999999;
    padding: 2px;
    border-radius: 4px;
    font-size: 14px;
    box-shadow: 0px 1px 2px 0px #9C9C9C;
    background-color: #FFFFFF;
    outline: none;
    color: #474747;
    text-align: center;
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 100;
}

但我无法找到合适的方法。这是我的fiddle。谢谢！

Answer 1

删除textarea和checkbox之间的空白段落。

在你的小提琴中它在第11和13行。

http://jsfiddle.net/7hq0x6u4/3/

Answer 2

.center p:nth-of-type(2),.center p:nth-of-type(3){
         margin:0;
}

这将减少覆盖输入元素的P标签中的边距空间

DEMO

通常不建议使用p标记来对齐输入标记。

Answer 3

您好<input type="checkbox">添加这些样式。

 .foo {
    bottom: 1px;
    margin-left: 0;
    margin-right: 5px;
    position: relative; 
  }

.foo 作为复选框上的示例类。

如何减少CSS中两个元素之间的空间？

3 个答案: