如何防止文字导致其容器增长？答案

【问题标题】：How do I prevent a literal from causing its container to grow?如何防止文字导致其容器增长？
【发布时间】：2011-11-02 01:21:46
【问题描述】：

我有一个 ASP.NET 2010 网络应用程序。在其中，我在页脚中有一个带有 Ajax 编辑器控件的 gridview。用户可以通过编辑器控件添加 cmets，当他们单击提交时，cmets 会以文本形式呈现在网格中。除非某些 wiseguy 输入一长串不间断的字符，否则这很有效。我通过将文字放入 div 并设置样式成功地包装了文字。然而，即使文本包含在文字中，它所在的 <TD> 仍然会随着文本在其中展开而增长。我尝试在 TD 上使用溢出样式，但无法正常工作。

我应该澄清....这是一个网格视图。在gridview 是一个表。表中是文字。

这是我的部分代码...

<fieldset class="mediumDisplay">
    <div style="word-wrap:break-word;">
         <asp:Literal ID="litComments" runat="server" Text='<%# Server.HtmlDecode(Eval("Comments"))%>' Mode="Transform"></asp:Literal>
    </div>                           
</fieldset>

【问题讨论】：

标签： asp.net css gridview

【解决方案1】：

您是否尝试在列的 ItemStyle 中启用换行？

<asp:TemplateField>
    <ItemStyle Wrap="true" Width="200px" />
    <ItemTemplate>
        <asp:Literal ID="Literal1" runat="server" ... />
    </ItemTemplate>
</asp:TemplateField>

【讨论】：

【解决方案2】：

如果您在封闭的 div 上设置了明确的宽度，那么您的溢出设置应该会生效。如果没有宽度，DIV 会很高兴地扩展以容纳其内容，并且溢出将永远不会生效。

【讨论】：