Question

我正在尝试删除所有表单元素的两个输入字段之间的空白区域。我降低了高度，但之后下一个标签上升了你能告诉我如何删除它

<div class="control-group">
                    <label class="control-label" for="inputEmail">Company Name</label>
                    <div class="controls">
                      <input type="text" id="inputEmail">
                    </div>
                  </div>
                  <div class="control-group">
                      <label class="control-label" for="inputEmail">Contact Name</label>
                      <div class="controls">
                        <input type="text" id="inputEmail">
                      </div>
                  </div>

Answer 1

我认为现在没有人可以帮助你。你这里有大麻烦。使用HTML和CSS窗口更新jsfiddle。顺便说一句 - 你正在写标签中的填充或边距样式imo。（边距：0）

Answer 2

这是因为label.control-label上的填充和边距。去除顶部填充或底部边距。（我认为删除保证金看起来更好。）

label.control-label {
  margin-bottom: 0;
}

Answer 3

~~我认为这应该解决你的问题，我已经在那里回答了。谢谢。 button alignment in form fields~~

该死！我为不正确的快速回答道歉，好吧我已经把你的问题归零了，问题在于你要导入的css文件。 “http://twitter.github.com/bootstrap/assets/css/bootstrap.css”并且你的元素从它继承了style属性，而你的空格问题恰好在'line no 1945'中明确定义了

.form-horizontal .controls { *display: inline-block; *padding-left: 20px; margin-left: 180px; *margin-left: 0;

所以你要么必须手动覆盖它们，要么使用旧的“！important”属性。

PS：你必须将'margin-left'属性值编辑为160px或者你喜欢的东西。

输入元素之间的额外空白

3 个答案: