如何在表格单元格中显示多行文本
我想从数据库中显示一个段落到表格单元格中。
结果是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>
这将产生我想要的输出。