【问题标题】:Managing the spacing with BR使用 BR 管理间距
【发布时间】:2010-09-11 01:45:53
【问题描述】:

我的用户正在使用 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 来控制吗?

【问题讨论】:

    标签: html css


    【解决方案1】:

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

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

    【讨论】:

    • 我的问题是这些是最终用户,而不是 HTML 人。我可以检查编辑器,看看是否可以使用 P 代替 BR...
    • 一般来说是.. 至少对于 fck/ck 和 tinymce。
    【解决方案2】:

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

    tr { height: 60px; }
    

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

    【讨论】:

    • 通常您在一个或多个td 上设置高度,然后将从那里确定行高。
    • 谢谢,但是设置行高不是一个选项,他们会修改很多内容,不能每次都指定高度。
    • P 标签赢了!谢谢大家!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-10-16
    • 2014-10-31
    • 2016-07-19
    • 2015-02-17
    • 2015-10-01
    • 1970-01-01
    • 2018-05-15
    相关资源
    最近更新 更多