如何根据预先确定的文本但可变的页面宽度动态调整文本框高度答案

【问题标题】：How to dynamically resize a textbox height based on pre-determined text but variable page widths如何根据预先确定的文本但可变的页面宽度动态调整文本框高度
【发布时间】：2011-05-19 15:37:16
【问题描述】：

我正在查看我的一些旧代码，并且我有一个方法静态根据客户端屏幕宽度在运行时调整文本框控件的高度。因此，如果屏幕分辨率为“1280x800”，那么 texbox 的高度将为 475px。好的，我明白了...糟糕几年前还可以，屏幕分辨率和 CRT 显示器数量较少，但由于多种原因现在不行。

我在 JavaScript 和 jQuery 方面都变得更好了，我正在寻找一种解决方案，可以根据整体宽度调整包含数据库中一些文本的文本框的高度包含大小为客户端屏幕宽度的 100% 的 DIV。这意味着更宽的屏幕需要更小的高度，而不太宽的屏幕需要更大的高度。

如果可能，我想动态地执行此操作。我最后的手段是修复包含控件的宽度，它应该指示一个固定的高度，但我宁愿文本控件跨越整个 100% 的页面。

感谢任何建议。谢谢！

【问题讨论】：

标签： javascript jquery .net asp.net

【解决方案1】：

这听起来相当于在将文本指标呈现到显示器之前检索它。我可以想到在 Win Forms 中但在浏览器中完成的方法......我只能想到在同等大小的 div 中呈现文本（考虑到文本框中的填充）并获取呈现的大小，删除 div （您可以在页面加载时不可见地执行此操作）并将结果应用到您的文本框。

【讨论】：

这实际上不是一种完全荒谬的方式，尤其是在所有客户端的情况下。我可以从头开始做，但你见过一个例子吗？从隐藏的渲染中获取指标，以使最终产品对我来说很好。我希望它已经包含在一些 jQuery 方法中，但可能没有。
确实，不是完全荒谬而是接近；）它很实用。老实说，我从未见过它，我正在考虑 jQuery 用于确定浏览器功能的一些技巧，并且您可以从浏览器中检索 div 的高度/宽度，这将为您提供文本大小.除此之外，它是理论上的......但是当你让它工作并将它变成一个 jQuery 插件时，想想这些荣誉；）
我现在只是采用简单的方法，静态设置宽度为 600 像素，并且只需要根据设置的宽度知道几个不同的高度。我想到了其他具有“许可协议”等的网站，它们通常使用固定宽度的文本框进行显示。反正看起来更好。