当前位置: 首页 > 面试题库 >

如何保留换行符` block?`

湛嘉歆
2023-03-14
问题内容

我有一些代码示例要在HTML文档中发布。我是用<code>,标记包装它们,但是我希望它们的样式是这样的保留换行符。我也可以用<pre>将它们括起来标签,但我更喜欢使用CSS。

我已经在IE7中尝试了以下内容

code {
    white-space: pre;
}

这可能吗?


问题答案:

检查doctype是否有效并在第一行。也许它滑进了quirks mode??



 类似资料:
  • 问题内容: 我有一个带有textarea的表单,我想保留输出内容时用户输入的换行符。 例如,如果我在textarea中写: 这是一个句子。这是另一个。这里还有一个。 这是一个新段落。这是一个新句子。这是另一个。 我想要相同的输出,而 不是 : 这是一个句子。这是另一个。这里还有一个。这是一个新段落。这是一个新句子。这是另一个。 如何保留换行符? 问题答案: 通常,您只需要添加 空格修剪为单个空格

  • 问题内容: 我的代码而不是使用代码,因为我之前有过。 所以我的代码: 项目说明包含未呈现的换行符。 假设我已具备上述条件,如何轻松显示换行符? 问题答案: 基于@pilau的答案-但经过改进,即使是公认的答案也没有。 这将使用给定的换行符和空格,但也会在内容边界处中断内容。有关空白属性的更多信息,可以在这里找到: https://developer.mozilla.org/zh-CN/docs/W

  • 有没有一种方法可以避免用户输入的换行符。目前,我只是将用户输入发送到mongoDb并返回该文本。然而,如果我的输入是:“新行”,我的输出将是“新行”。有人能提出解决方案吗?

  • 问题内容: 在AngularJS部分中,我如下遍历条目列表: 的内容有一些换行符,AngularJS会忽略它们。如何使其保留换行符? 问题答案: 这只是基本的HTML。AngularJS对此不会做任何改变。您可以改用标签: 或使用CSS: 如果包含HTML代码,则可以使用: 不要忘记包括ngSanitize:

  • 问题内容: 我有以下代码: 结果是: 但我想打破界限: 我已经看过jsoup的TextNode#getWholeText(),但是我不知道如何使用它。 如果我解析的标记中有一个,如何在结果输出中换行? 问题答案: 保留换行符的真正解决方案应该是这样的: 满足以下要求: 如果原始html包含换行符(\ n),则保留它 如果原始html包含br或p标签,它们将被翻译为换行符(\ n)。

  • 问题内容: 我有一个简单的形式,像这样: 我将数据记录为以下三段: 在模板中,我想以只读方式查看该记录的内容。(不可编辑的表格) 在这种情况下,记录是包含数据的模型: -> 我该怎么做才能显示多行? 问题答案: 包括换行符在内的所有空格都被转换为HTML中的单个空格。 您的选择,从最佳到最差: 放在包含元素上。这告诉HTML完全显示源代码中显示的所有空白,包括换行符。(您也可以使用标签,但是这也会