標籤表單字段對齊css

如何使表單字段的標籤與帳單地址標題垂直對齊？ http://jsfiddle.net/DA9gK/1/標籤表單字段對齊css

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

來源

2013-01-15 js.js

你已經試過了什麼？ – Tass

我嘗試使用利潤率，但它不工作 –

添加

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

你的CSS的一部分......這是你想要的嗎？

來源

2013-01-15 20:26:31

感謝您的回覆我試圖將按鈕移動到文本框的右下角可以告訴如何移動它https://docs.google.com/file/d/0B3IBJKENGE7RZzF6V3Y0MEVqcDA /編輯 –

@ user1943618，如果這是一個單獨的問題，我建議創建一個單獨的問題。這樣，幫助你的人可以獲得信貸。 – Tass

看看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」例子看起來不錯。

來源

2013-01-15 21:05:52 RandomUs1r

可以在小提琴中更新http://jsfiddle.net/DA9gK/1/ –

標籤表單字段對齊css

回答

相關問題