標籤顯示CSS更改關聯文本框位置

Question

我正在使用標籤和文本框並根據需要更改標籤顯示屬性。 兩者都可以一次拖動，這樣我就可以保存在一個div中。

<div id="textbox" style="position:absolute;border:1px solid black" class="screen"> 
<label id="lbltext">Name</label>  
<input id="text1" type="text" /> 

但是，如果我改變標籤的顯示特性相關聯的隨後的文本框改變位置。我只想改變標籤位置。

Can有人可以給我一些指針嗎？

的Jquery：

$("#block").click(function(){ 
$("#lbltext").css("display", "block"); 
}); 

$("#none").click(function(){ 
$("#lbltext").css("display", ""); 
}); 

$("#blank").click(function(){ 
$("#lbltext").css("display", "none"); 
}); 

jsfiddle Demo

updated jsfiddle

Answer 1

如果您想在標籤繼續佔用空間隱藏，然後使用visibility: hidden而不是display: none即使。

Answer 2

像LodeRunner28說，你可以使用「知名度」，當你想保持空間。

JQuery的：

$("#block").click(function(){ 
$("#lbltext").css("visibility", "visible"); 
}); 

$("#blank").click(function(){ 
$("#lbltext").css("visibility", "hidden"); 
}); 

Updated your JSFiddle Demo