在gridview中设置固定的列宽度，如果内容大于列宽度，则将单词断开

本文关键字：大于 断开 单词 如果 设置 gridview | 更新日期: 2023-09-27 18:11:31

我一直使用Gridview来显示数据。我使用Itemstyle设置每列的宽度，但问题是，如果该列的内容大于列宽，那么它会自动增加列宽，但我想打破这个词，如果内容大于列宽…请帮帮我....

在gridview中设置固定的列宽度，如果内容大于列宽度，则将单词断开

编辑:经过调查发现，如果我们使用div并添加'word-wrap:break-word'属性来样式，则可以代替span。下面是示例:http://jsfiddle.net/amantur/UYAb7/

PS:-但请注意，word-wrap:break-word可能不支持所有浏览器和版本。如果这造成了问题，我建议您编写一个函数，该函数接受href和链接文本，并创建一个带有前几个字符+…并使用anchor元素的title属性设置完整字作为工具提示:

public static string CreateLink(string url, string text){
    var linkText=text.Length>10?text.SubString(0,10) + "...":text;
    return string.Format("<a href='"{0}'" title='"{1}'">{2}</a>", 
                         url,text,linkText);
}

<罢工>您可以在span元素中添加内部内容，并将其max-width属性设置为列的宽度。

的例子:

<Column>
    <ItemStyle Width="100" />
    <span style="max-width:100px;">
       <a href="http://google.com">Google It</a>
    </span>
</Column>


    <style>
        .bigcols td {
            max-width:410px;
            overflow-wrap:break-word;
        }
    </style>
    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CssClass="bigcols" DataSourceID="SqlDataSource1">
    ....

相关文章：