ASP.NET GridView中文本内容无法换行(自动换行/正常换行)

 更新时间:2021年9月22日 10:17  点击:2012
最近做项目的时候,遇到这样一个问题:我用GridView来显示课程表,每个单元格的内容包括课程名、上课地点、教师姓名,然后我想让它们分行显示,效果如下图:


可是呢,GridView太顽强了,不管我拼接字符串时用“\r\n”还是"<br/>",结果都无济于事,都不分行显示。经过近半天的时间查询资料,最终终于解决了这个问题,下面就与大家分享一下。

GridView中的换行问题可以分为两类:一类是自动换行,另一类是正常换行。

先说第一类:自动换行

GridView默认是自动换行,就是说当显示的字符串比较长的时候,GridView会自动换行。

比如我们要显示:“当字符串比较长的时候就会自动换行换行了”,效果如下:


当然,如果我们不想让它自动换行,在页面后台添加如下代码即可:

复制代码 代码如下:

//正常换行
GridView1.Attributes.Add("style","word-break:keep-all;word-wrap:normal");

添加后效果图如下:


下面说说第二类:正常换行

正常换行的关键在于换行符的选取,有人说用转义字符"\r\n",也有人说用"<br/>"。那到底用哪个呢?下面先看看这两种的显示效果:

1、显示字符串:"当字符串"+ "\r\n" + "比较长的\r\n时候就会自动换行换行了"

显示效果图如下(和没加一样):


2、显示字符串:"当字符串比较长的时候"+ "<br />" + "这里就换行了"

显示效果图如下:


由上可以看出,单凭加个换行符是不能解决问题的。正确的解决方法如下:

1、应该使用 "<br/>"

2、
①如果你绑定字段为设置模版列,那么把对应的BoundField设置参数HtmlEncode= "false" 即可。

②如果为自动生成字段:请添加GridView1_RowDataBound事件

复制代码 代码如下:

/// <summary>
/// 使得GridView中的内容可以换行
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
protected void GridView1_RowDataBound1(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
TableCellCollection cells = e.Row.Cells;
foreach (TableCell cell in cells)
{
cell.Text = Server.HtmlDecode(cell.Text); //注意:此处所有的列所有的html代码都会按照html格式输出,如果只需要其中的哪一列的数据需要转换,此处需要小的修改即可。
}
}
}

看看添加完后的显示效果:

显示字符串:"当字符串"+ "<br />" + "比较长的时候" + "<br />" +"这里就换行了"

显示效果:


到此为止,问题就完美解决了。

[!--infotagslink--]

相关文章

  • php过滤所有的空白字符(空格、全角空格、换行等)

    在php中自带的trim函数只能替换左右两端的空格,感觉在有些情况下不怎么好使,如果要将一个字符串中所有空白字符过滤掉(空格、全角空格、换行等),那么我们可以自己写一个过滤函数。php学习str_replace函数都知道,可以批量替...2015-10-30
  • 解决vue字符串换行问题(绝对管用)

    这篇文章主要介绍了解决vue字符串换行问题(绝对管用),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-08-06
  • prettier自动格式化去换行的实现代码

    这篇文章主要介绍了prettier自动格式化去换行的实现代码,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-08-26
  • php过滤所有的空白字符(空格、全角空格、换行等)

    在php中自带的trim函数只能替换左右两端的空格,感觉在有些情况下不怎么好使,如果要将一个字符串中所有空白字符过滤掉(空格、全角空格、换行等),那么我们可以自己写一个过滤函数。php学习str_replace函数都知道,可以批量替...2015-10-30
  • 浅谈Python3中print函数的换行

    这篇文章主要介绍了浅谈Python3中print函数的换行,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-08-05
  • ASP.NET Lable中进行换行解决方案

    这个问题,应该算是很简单的问题,可说实在的,折腾了2个小时的时候,后面整出来的时候,真坑爹呢。现在把这个过程给大家,希望可以给大家一个提醒...2021-09-22
  • C# 字符串多行显示/文本换行以textbox为例讲解

    C# 字符串多行显示、文本换行以textbox为例讲为大家详细介绍并附演示效果图及演示代码,感兴趣的朋友可以了解下,或许对你学习字符串换行有所帮助...2020-06-25
  • 文本超过div 自动换行代码

    文本超过div 自动换行代码文本自动换行IE中解决方法: word-wrap:break-word; word-break:break-all; 注:在要换行的内容相应的单元格或者DIV里加入,如: <div style=word-...2016-09-20
  • php中各种换行符过滤办法

    在php中默认换代码换行有\\n还有一个就是回车换行了/r/n以及我们的ascii编辑的chr(32) chr(13)分别是回车和空格哦,下面是简单介绍不同系统之间的换行符在php中的用法...2016-11-25
  • php过滤或替换textarea换行回车\r\n的2种方法

    如果我们利用textarea提交的数据回车换行与空格都会自动过滤了,所有提交的数据都是没有格式的,下面我们一起来看看解决textarea中回车换行问题。 方法一, 代...2016-11-25
  • php将textbox回车符换成html 换行代码

    Mail Body的来源有时直接就是TextBox中的文本内容,但是如果对文本内容没有做处理的话,文本就会没有任何的格式,挤在一起,逐行显示。现在说的是如何让文本内容可以换行,然后...2016-11-25
  • C#给文字换行的小技巧

    这篇文章主要介绍了C#给文字换行的小技巧,本文直接给出实现代码,例子蛮简单,一看就懂啦,需要的朋友可以参考下...2020-06-25
  • c#设置xml内容不换行及属性xsi:nil=true的空节点添加

    c#设置xml内容不换行:添加属性为xsi:nil=true的空节点便可实现,感兴趣的你可以参考下本文,或许有意想不到的收获...2021-09-22
  • MultiLine 换行后实现读取不换行的具体思路

    输入内容中有换行,保存到数据库,直接查看感觉没有换行,但查询结果“以文本格式显示结果”你就会发现 其实是有换行的,下面与大家分享下具体的解决方法...2021-09-22
  • ASP.NET GridView中文本内容无法换行(自动换行/正常换行)

    用GridView来显示课程表,每个单元格的内容包括课程名、上课地点、教师姓名,然后我想让它们分行显示,感兴趣的朋友可以了解下,或许对你有所帮助...2021-09-22
  • 深入Windows下的回车是回车换行(\r\n)还是换行回车(\n\r)的详解

    本篇文章对Windows下的回车是回车换行(\r\n)还是换行回车(\n\r)进行了详细的分析介绍,需要的朋友参考下...2020-04-25
  • 解决numpy数组互换两行及赋值的问题

    这篇文章主要介绍了解决numpy数组互换两行及赋值的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-04-16
  • php中表单输入框中换行回车替换

    php中表单输入框中换行回车替换的一些方法总结,有需要的朋友可参考一下本文章。 代码如下 复制代码 <?php ?$str="this is a test n"; $...2016-11-25
  • PHP中file_put_contents追加和换行的实现方法

    下面小编就为大家带来一篇PHP中file_put_contents追加和换行的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2017-04-03
  • php过滤或替换textarea换行回车\r\n的2种方法

    如果我们利用textarea提交的数据回车换行与空格都会自动过滤了,所有提交的数据都是没有格式的,下面我们一起来看看解决textarea中回车换行问题。 方法一, 代...2016-09-20