事業部表現爲表

<div> 
    <label>VERTICAL_NAMES</label> 
    <input type="text" name="VERTICAL_NAME" id="VERTICAL_NAME" /> 
    <label>VERTICAL_NAMES</label> 
    <input type="hidden" name="VERTICAL_NAME" id="VERTICAL_CODE" /> 
    </div> 

o/p : 
    VERTICAL_ID   Textbox 
     VERTICAL_NAME  Textbox 

I can not able to bring this 

     VERTICAL_ID   Textbox 
     VERTICAL_NAME  Textbox

我們如何能夠用css把上述O/P事業部表現爲表

來源

2011-05-25 i dont like this

殘酷樣本... – easwee 2011-05-25 14:06:19

Ÿü要做到這一點在格??? ...使用表 – jimy 2011-05-25 14:06:28

@jimy - 這不是表格數據 - 你就錯了一個表來做到這一點。 – easwee 2011-05-25 14:07:04

像...

label { 
    float: left; 
    clear: left; 
    width: 200px; 
} 

input { 
    float: left; 
    width: 200px; 
}

將做到這一點（假設你先修好你的html！）

樣本here。

來源

2011-05-25 14:08:24 fearofawhackplanet

-1

CSS：

div { 
    clear: both; 
} 

label { 
    float: left; 
    width: 10em; 
}

來源

2011-05-25 14:06:08 RichardAtHome

這不會工作，因爲兩個標籤都會浮動到左側，而文本框會坐到右側 – 2011-05-25 14:09:42

啊，我的錯誤 - 誤解了源代碼。添加一個清晰的：left;到標籤將修復它。 – RichardAtHome 2011-05-25 15:22:38

你會想沿着這個http://jsfiddle.net/8XrhD/的方向做點什麼，但是這段代碼會影響頁面上的所有你的label和input控件。

來源

2011-05-25 14:12:37

 
label { float: left; width: x; } 
input { margin-left: x; } 
div { margin-bottom: .4em; }

來源

2011-05-25 14:15:23 gutierrezalex

事業部表現爲表

回答

相關問題