【问题标题】:Linebreak in <td> tag for any text [duplicate]任何文本的 <td> 标记中的换行符[重复]
【发布时间】:2021-07-05 05:35:27
【问题描述】:

我的文字很长。例如:

<td>
"GATEWAY_INTERFACE: CGI/1.1
SERVER_PROTOCOL: HTTP/1.1
REQUEST_METHOD: POST
QUERY_STRING: 
REQUEST_URI: /
SCRIPT_NAME: 
"</td>

显示时,全部合并为单元格中的一行,在有 \n

的地方没有连字符

我需要在标签内显示时,在没有任何附加标签的情况下转移行。

有可能吗?

【问题讨论】:

  • 为什么不简单地使用&lt;br&gt; 作为换行符呢?否则自动换行,但它会在特定宽度处中断,而不是在每个列表项(因此无论如何都不是表格数据)。
  • @tacoshy 很长的路要走。我可以简单修改css,后端修改这里不透明。
  • 请不要通过破坏您的帖子为他人增加工作量。通过在 Stack Exchange 网络上发帖,您已在 CC BY-SA 4.0 license 下授予 Stack Exchange 分发该内容的不可撤销的权利(即无论您未来的选择如何)。根据 Stack Exchange 政策,帖子的非破坏版本是分发的版本。因此,任何破坏行为都将被撤销。如果您想了解更多关于删除帖子的信息,请参阅:How does deleting work?

标签: html css html-table


【解决方案1】:

如果您无法在 HTML 中插入 &lt;br&gt; 标签,您可以在 td 上使用 white-space: pre-line

td{
  white-space: pre-line;
}
<table>
  <tr>
    <td>
      "GATEWAY_INTERFACE: CGI/1.1
      SERVER_PROTOCOL: HTTP/1.1
      REQUEST_METHOD: POST
      QUERY_STRING: 
      REQUEST_URI: /
      SCRIPT_NAME: "
    </td>
  </tr>
</table>

编辑Source

【讨论】:

  • @connexo 我会记住这一点。我回答它而不是评论的原因是我用 only td 尝试它并且它不起作用,并且我链接的源没有任何与 td 相关的东西所以我只是想我会回答的。
  • td 在这个问题上与任何其他元素没有什么不同。
  • 不不,只用td 试试,不带&lt;table&gt;&lt;tr&gt; 结构,但它不起作用。 (我确定我在这里遗漏了一些东西)
  • @gormih 考虑一下不同的语气。解释您的问题与标记为重复的问题有何不同。据我所知,stackoverflow.com/a/21577945/3744304 正好回答了这个问题。
  • @DebsmitaPaul 不用担心,你的语气没有问题。我只是对 gormih 的行为有些小分歧。
猜你喜欢
  • 1970-01-01
  • 2011-09-11
  • 2022-10-14
  • 1970-01-01
  • 1970-01-01
  • 2012-09-02
  • 1970-01-01
  • 1970-01-01
  • 2014-11-22
相关资源
最近更新 更多