除非格式化，否则HTML不能正确显示_Html

除非格式化，否则HTML不能正确显示

html

除非格式化，否则HTML不能正确显示,html,Html,我有一个生成以下代码的程序： <div style='width:10%'><hr></div><div style='width:10%'><span style='white-space: nowrap;'>First1 Last1</span><span style=' margin-left:20px;'></span><span style='white-space: nowr

我有一个生成以下代码的程序：

    <div style='width:10%'><hr></div><div style='width:10%'><span style='white-space: nowrap;'>First1 Last1</span><span style=' margin-left:20px;'></span><span style='white-space: nowrap;'>First2 Last2</span><span style=' margin-left:20px;'></span><span style='white-space: nowrap;'>First3 Last3</span><span style=' margin-left:20px;'></span><span style='white-space: nowrap;'>First4 Last4</span><span style=' margin-left:20px;'></span><span style='white-space: nowrap;'>First5 Last5</span><span style=' margin-left:20px;'></span><span style='white-space: nowrap;'>First6 Last6</span><span style=' margin-left:20px;'></span><span style='white-space: nowrap;'>First7 Last7</span><span style=' margin-left:20px;'></span><span style='white-space: nowrap;'>First8 Last8</span><span style=' margin-left:20px;'></span></div>

First1 Last1First2 Last2First3 Last3First4 Last4First5 Last5First6 Last6First7 Last7First8 Last8

如果我把它放进去，它就不会正确显示

如果我手动格式化代码，它就会正确显示。这是为什么

     <div style='width:10%'><hr></div>
     <div style='width:10%'>
       <span style='white-space: nowrap;'>First1 Last1</span><span style=' margin-left:20px;'></span>
       <span style='white-space: nowrap;'>First2 Last2</span><span style=' margin-left:20px;'></span>
       <span style='white-space: nowrap;'>First3 Last3</span><span style=' margin-left:20px;'></span>
       <span style='white-space: nowrap;'>First4 Last4</span><span style=' margin-left:20px;'></span>
       <span style='white-space: nowrap;'>First5 Last5</span><span style=' margin-left:20px;'></span>
       <span style='white-space: nowrap;'>First6 Last6</span><span style=' margin-left:20px;'></span>
       <span style='white-space: nowrap;'>First7 Last7</span><span style=' margin-left:20px;'></span>
       <span style='white-space: nowrap;'>First8 Last8</span><span style=' margin-left:20px;'></span>
     </div>


第一个最后一个
第一个最后一个
前三名最后三名
前四后四
前5个最后5个
前6后6
前7后7
前8后8

这与它们不同的原因相同：

（不同行：）


滴滴答答
A.

和（同一行：）


TTTTTTTTTTA

第一个跨距使用的宽度超过了分配的宽度，但它不会环绕文本（由nowrap引起），因此您可以在一行看到所有跨距，但下一个跨距将从下一行开始。

有效，一定是其他原因导致的code@Billy我相信他的意思是有格式的，按行排列，但没有格式，它将它们排列在列中。您使用什么来生成代码？也许您需要在正在填充的字符串中包含回车符和/或换行符。@Billy如果您粘贴格式化代码，您将看到它的显示方式与JSFIDLE上的显示方式不同。我使用了最上面的代码，结果很好，他是说他希望它的格式与最下面的代码一样，缩进，当它从发电机里出来的时候？

<!DOCTYPE html>

<html>
<body>
<div style='width:1%'>
<span style='white-space:nowrap;'>TTTTTTTT</span>
<span style='white-space:nowrap;'>A</span>
</div>
</body>
</html>

<html>
<body>
<div style='width:1%'>
<span style='white-space:nowrap;'>TTTTTTTT</span><span style='white-space:nowrap;'>A</span>
</div>
</body>
</html>