使用样式控制gridview的宽度

 

当需要换行显示过长的数据时可以这样写：

   <style type="text/css">
    .style1
    {
    word-break: break-all; work-wrap: break-word;
      overflow：hidden
    }

</style>

gridview:

<asp:TemplateField HeaderText="反馈信息"  ItemStyle-Width="300px"  ItemStyle-CssClass="style1">
           
            <ItemTemplate ><%# DataBinder.Eval(Container.DataItem, "TicklingContent")%></ItemTemplate>
            </asp:TemplateField>

 

当需要隐藏过长的数据时可以这样写：

 <style type="text/css">
    .style1
    {
   
      overflow：hidden
    }
    .style2
    {
        table-layout:fixed
     }
    </style>

gridview添加样式style2:            CssClass="style2"

列宽设置好:

<asp:TemplateField HeaderText="反馈信息"  ItemStyle-Width="300px"  ItemStyle-CssClass="style1">
           
            <ItemTemplate ><%# DataBinder.Eval(Container.DataItem, "TicklingContent")%></ItemTemplate>
            </asp:TemplateField>