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

标签 html css asp.net html-table field

我希望我能很好地解释这个问题。我有一张 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>

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

最佳答案

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

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

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

希望这对您有所帮助!

关于html - 如何防止动态文本框在增长时移动其他字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9586490/

相关文章:

asp.net - 无法将 ASP.NET Core Web 应用程序与 Application Insights 连接

c# - 操作名称显示在浏览器的 PDF 工具栏中。设置ContentDisposition不会影响它

jquery - Bootstrap Popover 和图像映射

html - 我页面上元素的对齐方式很奇怪

html - 页面左侧的空白使用仅 CSS 布局

html - Css 动画在 Google Chrome 中不起作用?

c# - 在 ASP.NET 页面的代码隐藏类中响应 IIS 的标准 404 Not Found 页面

html - Css animate/show div after other

css - IE8 中 CSS 下拉菜单的奇怪间距

html - UL 元素在 Firefox 中呈现不同