Question

我做了一个我问题的最简单的例子。第一段用＆＃34; Loren Ipsum＆＃34;调整浏览器大小时格式很好。但第二个真正的文本格式不正确。像：

有什么问题？

JSfiddle示例： https://jsfiddle.net/tling/dqjzezh8/

我的HTML源代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>

<body>
<div style=" border: 1px black solid">

    <p >Lorem ipsum dolor sit amet, consectetur adipiscing elit, 
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris 
    nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor 

    </p>

    <p>
    Cillum to care appears problemac 
    in the exercitation mollit, as evidenced by higher rates of preventable incididuntinc
    and consequatat consequatbc visits, as well as a lower percentage 
of adults who reported having a usual source of aute, compared to laborum.
    </p>

</div>

</body>
</html>

Answer 1

我在JSFiddle中看到了您的问题（在Chrome中），就像您提供的那样。通过更改换行符字符位置，我更改了文本框内的文本包装。

奇怪的是，JSFiddle中的换行符不会与新行在HTML输出中的开始位置相对应。

删除JSFiddle中的框和html标题，只留下段落标记，并出现同样的问题。

将您的代码复制粘贴到我桌面上的新html文件中并在Chrome中运行，我看不到问题。

因此，问题不在于您的HTML代码。页面上必须有一些隐含的CSS。 JSFiddle确实在页面上加载了自己的CSS和JS，因此这可能就是你能够在那里重现它的原因。

我最好的解释是，通过消除我能想到的所有其他可能性的过程 - 你不知道的CSS被注入你的页面。尝试在Chrome或Firefox中打开开发人员工具，并检查加载的网络和页面资源。查看源代码。你看到任何外部CSS文件吗？

另一种可能性 - 文件编码。你使用的是UTF-8吗？如果不是，你应该是。这可能解释了一些不稳定的行为。

html文本没有格式化页面宽度

1 个答案: