html - 删除 <pre> 标签中的空格 - html

标签 html pre

您好,我正在使用 pre 标签显示一些文本文件,但问题出在开头和结尾,打印了 2-3 行新行。我该如何删除它? 我正在通过 http 请求获取文本文件,但我无法修改文本文件,我必须按原样显示。

或者有没有更好的方法来显示 html 中的文本文件?

最佳答案

我过去遇到过类似的问题.....我认为这可能是个问题,除非您共享代码,否则不能确定(我在我的 AngularJS 应用程序中遇到过这个问题,所以变量绑定(bind),以下代码中的等是基于此)

假设您必须在变量 textFile.data 中显示数据(我将数据存储在 textFile.data 变量中)

<pre ng-show = "textFile.isPresent">
    <span>
        {{textFile.data}}
    </span>
</pre>

显示 html 时添加了两个换行符,因为 pre 标记之间的任何内容都已准确显示。因此添加了 2 行,因为在“pre”标签之后和“span”标签之后的 html 中添加了新行。

我改成了这个

<pre ng-show = "textFile.isPresent"><span>{{textFile.data}}</span></pre>

执行此操作后删除了多余的行。请注意,您也可以通过修改 css 文件来删除它们。如果您不知道如何操作,请发表评论,我会帮助您。

这只是其中一个原因,还得看你的代码,才能说出到底哪里错了

关于html - 删除 <pre> 标签中的空格 - html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31315150/

相关文章:

html - 字体中心内容区域?

html - 如何计算 SVG 坐标?

html - 单元格间距和 ConvertTo-Html 片段

javascript - 像在代码编辑器中一样在网页上缩进代码?

javascript - 在文本区域或预输入中输入时设置颜色格式

jquery - 使用内部 "li"的 href 将类添加到 "a"

javascript - 如何让导航栏中的 bool 玛汉堡真正发挥作用?它显示了,但点击后没有任何反应

css - 将代码行号与 CSS 对齐

javascript - 使用 <pre> 和 <code> 标签显示 javascript 脚本

css - 水平滚 Action 为自动 flex 元素(或一个)的 <pre> 标签