如何在表格单元格中显示多行文本

我想从数据库中显示一个段落到表格单元格中。

结果是1行很大,忽略了它在数据库中的组织方式。 例如忽略“进入”(新行)

我想根据它是如何写入数据库来显示它。

例如,如果段落保存像这样:

hello , my name is x. 

我希望它显示完全一样,而不是:

 hello, myname is x. 

你想要使用CSS white-space:pre应用于适当的<td> 。 要对所有表格单元格执行此操作,例如:

 td { white-space:pre } 

或者,如果您可以更改标记,则可以在内容周围使用<pre>标记。 默认情况下,Web浏览器使用他们的用户代理样式表对这个元素应用相同的white-space:pre规则。

PRE元素告诉可视用户代理所附的文本是“预先格式化的”。 处理预先格式化的文本时,可视用户代理:

  • 可以保留白色空间完好无损。
  • 可以使用固定字体呈现文本。
  • 可能会禁用自动换行。
  • 不得禁用双向处理。

将内容包装在<pre> (预格式化文本)标签中

 <pre>hello , my name is x.</pre> 
 style="white-space:pre-wrap; word-wrap:break-word" 

这将解决新的问题。 pre标签会增加额外的CSS。

你有两种解决这个问题的方法。

解决scheme1( <p> or <br/>

您可以将更新数据库的结尾( \n )添加到html标记<p></p><br /> 。 在php中的例子是echo str_replace("\n","<br />",$database_text);

解决scheme2( <pre>

使用html标签将根据需要设置文本的格式<pre>database text</pre> ,虽然这会给你一些附加的css麻烦,只能用于基本的情况。

在您的服务器端代码中,将新行( \n )replace为。

如果你使用PHP,你可以使用nl2br()

我在每行之后使用html代码标签(见下面),它适用于我。

George Benson </br> 123 Main Street </br> New York, Ny 12344 </br>

嗨,我需要做同样的事情! 不要问为什么,但我正在使用python生成一个html,并需要一种方式来循环列表中的项目,并让每个项目在一个单独的一个表格内的一行。

我发现br标签对我来说效果很好。 例如:

 <!DOCTYPE html> <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <TABLE> <TR> <TD> item 1 <BR> item 2 <BR> item 3 <BR> item 4 <BR> </TD> </TR> </TABLE> </BODY> 

这将产生我想要的输出。