表格单元格中的多行文本会损坏视图

Posted 2023-03-06

【中文标题】表格单元格中的多行文本会损坏视图

【英文标题】：Multi line text in table cell damaging the view

【发布时间】：2018-01-31 14:31:22

【问题描述】：

我正在使用以下代码来显示数据库中的数据：

 <td><' . nl2br($data->test->normal_value) . '</td>

数据在数据库中是这样的形式：

    "ABCDas : 1212
     ABCDas < 1212121212
     ABCDas > 12120000"

我想以与数据库中相同的方式显示它，所以我使用了 nl2br。

但是由于我使用了视图而损坏了

.testvaluetable tr
        line-height: 1px;
    

以下是截图：

如果我删除行高，则显示正常，但行高变高。见下图：

我想要两行之间的小间隙。

【问题讨论】：

你想达到什么目的？尝试将其从 1px 更改为更合理的值，例如 20px

我想在正常值字段中针对 shugar 实现三行数据，但同时我想要表格行中的这个行高间隙。

行高是文本行之间的距离，而不是表格中的行。

此外，您几乎不应该以像素为单位指定它。对行高使用无单位数字。

在td 上填充。或者透明边框，不要折叠它们。

【参考方案1】：

只需将line-height 设为默认即可

并在表格标签中尝试cellspacing="0" 和cellpadding="0"

【讨论】：

在表格标签中添加cellspacing="0"和cellpadding="0"不会影响行间距