我正在生成 HTML 表格,这些表格旨在通过我的 rails 应用程序通过 Lotus Notes (8.0.2) 发送。
我的表格非常简单(看看这个小提琴):示例输出并正确呈现到 jsfiddle 或我的浏览器中。
这是一个简化的 HTML 代码:
<table>
<thead>
<tr>
<th>Example</th>
<th>1</th>
<th>3</th>
</tr>
</thead>
<tbody>
<tr>
<td class='name'>Foo</td>
<td class='number'>11</td>
<td class='number'>0</td>
</tr>
<tr>
<td class='name'>Bar</td>
<td class='number'>8</td>
<td class='number'>10</td>
</tr>
<tr>
<td class='name'>Baz</td>
<td class='number'>4</td>
<td class='number'>-12</td>
</tr>
</tbody>
</table>
我的问题:我在 Lotus Notes 中获得的输出已损坏。我的表格单元格太小,不适应内容的长度。例如,“Example”这个词就这样被破坏了:
Examp(new line)
le
不幸的是,我无法上传屏幕截图,因为我的公司正在监控上传...
当我删除这个 CSS 时:
th, td, tr, table {
border: 1px solid #000000;
}
问题消失了,但我不再有强制边界了!
我认为 Lotus 可能使用的是非常旧版本的 html/css 解释器。你知道我怎样才能绕过这种行为吗?
提前致谢。
编辑 :
我通过在th
元素中添加一些来解决问题。但这远非一个优雅的解决方案......