3

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

http://jsfiddle.net/DA9gK/18/

<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>
4

3 回答 3

2

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

于 2013-01-15T22:35:53.500 回答
1

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

label.control-label {
  margin-bottom: 0;
}
于 2013-01-15T22:35:01.037 回答
1

我认为这应该可以解决您的问题，我已经在那里回答了。谢谢你。表单域中的按钮对齐

该死！对于不正确的快速答案，我深表歉意，好的，我已经解决了您的问题，问题出在您正在导入的 css 文件中。“ http://twitter.github.com/bootstrap/assets/css/bootstrap.css ”并且您的元素正在从它继承样式属性，并且您的空白问题恰好在明确定义的“第1945行”上

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

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

PS：您必须将“margin-left”属性值编辑为 160px 或您喜欢的值。

于 2013-01-15T22:38:59.407 回答