标签表单字段对齐css

Question

如何使表单字段的标签与帐单邮寄地址标题垂直对齐？ 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>

Answer 1

添加

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

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

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

你可以分享头与头之间的界限根据您的风格导航，您的左侧表格对象进入左侧列，右侧进入右侧，页脚通常拥有自己的线条。这取决于包装的绝对定位和我相信的其他一切的相对定位。浮点运算也有效，但被认为不太灵活。

这种方法可以让您对页面“fiddler”示例看起来很好所需的间距进行控制。