每次我改变窗口的大小，java标签的位置都在改变

Question

我有一个标签和一个文本区域，我想在文本区域的顶部显示标签，标签当前放置在文本区域的顶部，但当我最大化/调整窗口大小时，标签将与文本区域同步。我该怎么解决这个问题

这是我的密码

<style type='text/css'>
form{display:inline;}
textarea{width:200px;height:25px;font-size:25px;vertical-align:middle}
input.button{width:50px;height:25px;vertical-align:middle}
#ib {
display: inline-block;
padding-left: 220px;

}
label { vertical-align: top; }
</style>

<label id="ib">Type word/s here:</label><br>
<center>
<textarea name="Input" class="textstyle" onkeydown="if(event.keyCode == 13) return false;">
<%= 
msg.trim()
</textarea>

Answer 1

以下是你所问问题的简化版本。正如我之前提到的，将标签和文本区域放在一个div中，并使其成为一个内联块。div居中是因为center标记，内联块将使其仅占用div内内容所需的空间。向左浮动label元素，使其占据包含div的元素的左角

；

；

div {
  display: inline-block;
}
.textstyle {
  width: 200px;
  height: 250px;
  font-size: 25px;
}
#ib {
  font-size: 15px;
  float: left;
}

；

<center>
  <div>
    <label id="ib">Type word/s here:</label>
    <br/>
    <textarea class="textstyle">Enter sample text here</textarea>
  </div>
</center>

；

；

；

希望这有帮助