标签表单字段对齐css答案

【问题标题】：label form fields alignment css标签表单字段对齐css
【发布时间】：2013-01-16 05:05:52
【问题描述】：

如何使表单字段的标签与帐单地址标题垂直对齐？ http://jsfiddle.net/DA9gK/1/

<h4 class="billingAddress">Billing Address</h4>

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

【问题讨论】：

你已经尝试了什么？
我尝试使用边距，但它不起作用

标签： html css twitter-bootstrap

【解决方案1】：

添加

.form-horizontal .control-label {
     text-align: left;
  }

到您的 CSS 部分...这是您想要的吗？

【讨论】：

感谢您的回复我正在尝试将按钮移动到文本框的右上角你能告诉如何移动它docs.google.com/file/d/0B3IBJKENGE7RZzF6V3Y0MEVqcDA/edit
@user1943618，如果这是一个单独的问题，我建议创建一个单独的问题。这样，帮助您的人就可以获得功劳。

【解决方案2】：

看看 css box model，如果你能实现它，你的间距问题应该会消失。浮动是其他一些需要考虑的因素，但是......你会从这里特别受益......我找不到链接，所以这样做：

<div id="head"></div>
<div id="nav"></div>
<div id="wrapper"></div>
<div id="leftcolumn"></div>
<div id="rightcolumn"></div>
<div id="footer"></div>

您可以根据您的风格在 head 和 nav 之间共享一条线，您的左侧表单对象进入左列，从右进入右，页脚通常保持自己的线。这依赖于包装器的绝对定位和我相信的所有其他东西的相对定位。浮点数也可以，但被认为不太灵活。

这种方法应该让您能够控制所需的间距，使您的页面“提琴手”示例看起来不错。

【讨论】：