html - 如何防止动态文本框在增长时移动其他字段

Question

我希望我能很好地解释这个问题。我有一张 table ，底部有一个文本框。用户可以捕获盒子的一 Angular 并根据需要将其展开，但这样做时其他一些字段也会随之移动。我从其他人那里继承了这个页面，所以我不能谈论他们的方法。表单设置为两列表。大多数领域都是 ionic 第一列。除了有问题的文本框之外，只有一个跨两列的其他文本框，但它是一行，无法展开。只有两个字段完全位于第二列中。这两个在动态文本框展开时移动。我尝试在两个正在移动的字段上设置宽度，因为它们没有宽度，并希望它能修复它，但事实并非如此。这是用 C# ASP.NET 编写的。

字段和文本框的代码:

<td style="width: 140px;">
<label for="txtLastName" id="Label2" style="font-size:15px; font-weight:bold;"><span style="color: #FF0000">*</span>Last Name:</label></td>

<td>
<asp:TextBox CssClass="textbox" ID="txtLastName" runat="server" TabIndex="2" 
    Height="19px" Width="130px"></asp:TextBox></td>



<td colspan="2">
<asp:TextBox CssClass="textbox" ID="txtComments" runat="server"  TextMode="MultiLine" 
   TabIndex="6" Height="30px" Width="275px"></asp:TextBox></td>

如果信息太多，我很抱歉，但我认为这是一个我忽略的简单修复，我是开发新手。

Answer 1

简单的做法是在该文本区域的 CSS 中执行以下操作:

textarea{resize:none;高度:120px；最大高度:120px；最小高度:120px；

这可以解决问题 - 您不需要最小值和最大值，尽管我只是为了安全起见才将其放入!

希望这对您有所帮助!