Question

全部

我最近开始学习HTML的过程-“最近”，我的意思是“昨天”，因此我几乎没有使用该语言的经验。我正在写一个HTML文档，其中一些<p>标签包含正文段落，另一些包含脚注。我正在使用id属性来区分两者，但遇到了一个奇怪的问题，我不确定如何解决。

由于某些原因，当我在Google Chrome浏览器中打开文档时，包含正文段落的<p>标签会自动换行以适合浏览器窗口，而包含脚注的<p>标签却没有。这是内部CSS中两个属性的定义：

<style>
<!-- [definitions of a bunch of other style elements] -->
#bodytext {
    color: white;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 168%;
    text-align: center;
}
#footnote {
    color: #a1e20b;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 120%;
    text-align: center;
}
</style>

我发现“ bodytext” ID的样式定义与“脚注” ID的样式定义之间没有区别，这将导致我在输出中看到的差异。谁能解释一下？

谢谢！

Answer 1

我发现了问题的根源-我在脚注中误用了let myArray = ["animal(cat)", "color(red)", "fruits(apple)"]; myArray.forEach(function(e){ console.log(e.substring(e.lastIndexOf("(") + 1, e.lastIndexOf(")"))) })标签，该标签在输出的内容中显示了换行符（或者在我的情况下，缺少换行符）和其他空格，与<pre>标签（不是）相反。

HTML-某些<p>标记正在包装，而其他则没有-为什么？

1 个答案: