Question

我正在使用Label和textbox并根据需要更改标签显示属性。两者都是一次性拖延，所以我把它保存在一个div中。

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

但是，如果我更改标签的显示属性，则关联的文本框会更改位置。我只想改变标签位置。

任何人都可以给我一些指针吗？

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

标签显示CSS更改关联的文本框位置

2 个答案: