Question

我的用户正在使用Telerik Rad Editor创建内容。内容在编辑器中看起来是一种方式（“正确”方式），当它通过IE呈现时，它看起来不同（错误）。

他们会做这样的事情（下面是HTML源代码）

<table><tr>
  <td>Some content here <br/><br/></td>
</tr>
<tr>
  <td>And some other here <br/><br/></td>
</tr>
<tr>
  <td>And finally some here too <br/><br/></td>
</tr>
</table>

因此，当它在IE中呈现时，输出看起来像这样

这里的一些内容

还有其他一些

最后还有一些

他们想要的是在每一行之后显示两个空格，所以更像是

这里有一些内容

还有其他一些

最后一些也在这里

他们希望看到两行空间......我可以用CSS控制它吗？

Answer 1

您不应该使用br来控制间距。您应该使用具有边距或填充的块级元素，或具有适当行高的内联/块元素来生成所需的间距。 br是文字处理器中的shift+return软休息。您应该仅使用br将某些内容移动到下一行，以便在文本流的上下文中出于换行原因，而不是出于视觉结构原因。 /typesetting-rant

我将配置富文本编辑器以适当地包装元素以生成块间距。我真的不知道表中数据的上下文，但默认选择是p元素，假设这些元素实际上是文本的完整段落。如果不是，可能会有更合适的元素，例如div或span设置为display: block;。另一方面，他们这样做是为了实现特定的表大小调整，而不是实际控制单元格内部文本行之间的空间，然后应该使用直接应用于Kale建议的表格元素的css来处理。

Answer 2

您可以尝试在CSS中设置tr高度：

tr { height: 60px; }

这适用于FF，但我不知道这是否适用于所有浏览器 - CSS和表通常不能很好地相处。如果你遇到麻烦，你可能想在你的tds中放一个div并在那里设置高度。

用BR管理间距

2 个答案: