textarea标签内容原格式输出以及首行缩进的解决办法

读取时只需一个标签white-space:pre-wrap;就可以原格式输出了

<td style="white-space:pre-wrap;">{$reading_the_works}</td>

容易出现的坑,white-space:pre-wrap会出现首行缩进的解决办法,如下图

textarea标签内容原格式输出以及首行缩进的解决办法_第1张图片
标记位置实际是没有空格和换行的,但是读取时候出现了首航缩进+换行,下面进行处理。

解决办法

删除代码中的换行和空格,如下图1错误示例:
textarea标签内容原格式输出以及首行缩进的解决办法_第2张图片
正确的应该如下,中间连贯不应出现空格:
在这里插入图片描述
看效果:

在这里插入图片描述
完美解决。代码格式化固然好,但有时也有意想不到的坑。

你可能感兴趣的:(textarea,html5)