TextBox/TextArea 文本被截断

Posted 2023-05-07

【中文标题】TextBox/TextArea 文本被截断

【英文标题】：TextBox/TextArea Text getting cut off

【发布时间】：2011-10-30 04:27:12

【问题描述】：

当在 Asp.Net 应用程序的相邻网格中选择一行时，我正在尝试使用文本框或文本区域来显示一些注释的预览。问题是，无论我在绑定字段中输入多少文本，文本都会在预览文本控件中被截断。我在IE中测试。这是我试验过的两个控件，它们提供了相同的结果，以及用于控件的 CSS：

<asp:TextBox runat="server" class="textArea" ID="Notes_TextBox" TextMode="MultiLine" ReadOnly="true" Rows="20" />
<textarea runat="server" class="textArea" id="Notes_TextArea" rows="3" cols="22" readonly="readonly" />

.textArea

    border: 1px solid #b5bcc7;
    height: 380px;
    background-color: #F7FCFF;
    color: Gray;
    margin-top: 1px;
    margin-left: 4px;
    margin-right: 1px;
    padding: 2px;
    overflow: hidden;

我正在寻找的功能是让只读文本框/区域始终存在而不显示滚动条，并且当​​文本大于框时，应该出现滚动条，允许查看所有文本领域。

如果您提供更多信息对我有帮助，或者您对我有什么建议，请告诉我。

非常感谢。

【参考方案1】：

将overflow 样式从hidden 更改为auto。对我来说，这在 IE8 中似乎可以正常工作。

.textArea

    border: 1px solid #b5bcc7;
    height: 380px;
    background-color: #F7FCFF;
    color: Gray;
    margin-top: 1px;
    margin-left: 4px;
    margin-right: 1px;
    padding: 2px;
    overflow: auto;

【讨论】：

由于某种原因，文本被截断并且滚动条永远不会出现，即使我将溢出更改为自动。

【参考方案2】：

这最终成为基础数据的问题。默认情况下，底层对象的 Notes 字段被截断，还有另一个名为 LongNotes 的字段包含全文。

【讨论】：

太棒了，很高兴你明白了。我确实认为 auto 仍然是正确使用的 CSS 样式... =]