空白:预换行会导致行距过大

问题描述 投票:0回答:1

我重新设计了 LibreOffice wiki 中的表格以使用 Tabulator.js。在本例中,制表符从 HTML 表加载数据。我对某些列使用了自定义格式化程序,因此它们得到

white-space: pre-wrap

在最后一列“其他语言扩展”的单元格中,您可以无缘无故地看到大行距(在 FF 和 Chromium 中测试)。我无法弄清楚为什么

white-space: pre-wrap
会导致这种情况(取消选中单元格元素的规则并看到间距消失)。同样有规则的前 3 列中没有这样的间距。

制表器 wiki 小部件的来源

css tabulator
1个回答
0
投票

MDN 定义

pre-wrap

保留空白序列。换行符处、

<br>
处以及根据需要填充行框时断行。

这意味着 HTML 中的所有换行符都会保留并呈现在屏幕上。

您应该使用

white-space: normal
来代替

© www.soinside.com 2019 - 2024. All rights reserved.