gpt4 book ai didi

javascript - HTML 导入的文本不能正确显示换行

转载 作者:太空宇宙 更新时间:2023-11-04 03:04:53 24 4
gpt4 key购买 nike

我有一个包含文本文件的 HTML 文件。这是我用于包含文本文件的 javascript:

document.include = function (url) {
if ('undefined' == typeof(url)) return false;
var p,rnd;
if (document.all){
p = new ActiveXObject("Microsoft.XMLHTTP");
}
else {
p = new XMLHttpRequest();
}
rnd = Math.random().toString().substring(2);
url = url.indexOf('?')>-1 ? url+'&rnd='+rnd : url+'?rnd='+rnd;
p.open("GET",url,false);
p.send(null);
document.write( p.responseText );
};

这是我的 HTML:

<html>
<head>
<link media="all" href="style.css" type="text/css" rel="stylesheet">
<title>Report</title>
<script src="embed_text.js" type="text/javascript"></script>
</head>
<body>
<script>document.include('out.log');</script>
</body>
</html>

不幸的是,导入的内容没有任何换行!所有行都相互附加;但是当我进入检查模式时,所有行都正确显示!我的意思是内容显示在不同的行中。我应该怎么做才能解决问题。包含 CSS 或 javascript 的解决方案完全没问题!

这是内容在 HTML View 和检查模式下的不同之处:

enter image description here

最佳答案

您可以尝试将此代码添加到您的 html 中:

<style>
body {
white-space: pre-line;
}
</style>

有关白色间距的更多信息: http://www.w3schools.com/cssref/pr_text_white-space.asp

如果您的 html 正文中还有其他组件,而不仅仅是来自日志的文本,则将其包装在一个 div 中并更改规则选择器。

关于javascript - HTML 导入的文本不能正确显示换行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30679255/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com