如何在列内包装长文本？

Posted 2023-04-01

【中文标题】如何在列内包装长文本？

【英文标题】：How to wrap long text inside column?

【发布时间】：2021-02-11 17:20:03

【问题描述】：

我正在尝试在 gridview 的列内包装长文本，但它不起作用文本总是在列之外或下面的代码扩展了列宽，但我需要将文本包裹在列内具有特定宽度

<style type="text/css">  
    .WrapText   
        width: 50%;  
        word-break: break-all;  
      
</style>
<div class="WrapText">  
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>  
        <asp:GridView ID="GridView1" DataSourceID="SqlDataSource1"  runat="server" AutoGenerateColumns="False" 
            ForeColor="#333333" GridLines="Both" Width="50px">  
            <AlternatingRowStyle BackColor="White" />  
            <Columns>  
                <asp:BoundField HeaderText="FirstName" DataField="req_id">  
                    <ItemStyle Width="50px" />  
                    <HeaderStyle Width="50px" />  
                </asp:BoundField>  
                <asp:BoundField HeaderText="LastName" DataField="user_full_name_ar">  
                    <ItemStyle Width="50px" />  
                    <HeaderStyle Width="50px" />  
                </asp:BoundField>  
            </Columns>  
        </asp:GridView>  
        </div>  

【问题讨论】：

除非我弄错了，这似乎更有可能是一个 CSS 问题。

也许.WrapText td word-break: break-all;

@VDWWD 感谢重播，但它仍然不换行

【参考方案1】：

请试试这个css

.WrapText word-break:break-all 自动换行：断词；

【讨论】：

Dhamejani 感谢重播，但它仍然不换行 -

【参考方案2】：

我解决了这个问题，它没有换行，因为表格的宽度很大，并且它与 gridview 在同一个 div 内。

我的错是我忘记在我的问题中包含表格代码。