Html <；span>；超出<；部门>；要素

在上述附件中，最后一个跨度（最后一个字“for”）存在问题；它实际上超出了我的灰色区域（这实际上是带有类textframe的div标记）

我真的不明白这个问题。下面还显示了html代码。显示了

的边框，因为我只想问，两个

之间存在一些差距，这是导致最后一个单词问题的原因吗？那么如何缩小这一差距呢

<div style="left:0pt; top:0pt; width:612pt; height:792pt; position:absolute;" class="page">
      <div style="left:103.2pt; top:189pt; width:396pt; height:156pt; position:absolute; background-color:rgb(191,191,191); overflow:hidden; border:0px Solid rgb(0,0,0);" class="textFrame">
        <p style="text-align: justify; padding-top: 0pt; padding-bottom: 0pt;">
          <span class="ln" style="height: 14.4pt; width: 396pt;">
            <span style="font-size: 12pt; font-family: F0; word-spacing: 45.9943pt; width: 197.802pt; letter-spacing: 0em; text-align: left; color: rgb(0, 0, 0); border: 0.1px solid red; display: inline-block;">Subject to the</span>
            <span style="font-size: 24pt; font-family: F0; width: 64.9904pt; letter-spacing: 0em; text-align: left; color: rgb(0, 0, 0); border: 0.1px solid green; display: inline-block;">license</span>
            <span style="font-size: 12pt; font-family: F0; word-spacing: 45.9943pt; width: 133.208pt; letter-spacing: 0em; text-align: right; color: rgb(0, 0, 0); border: 0.1px solid gold; display: inline-block;">terms for</span>
          </span>
        </p>
      </div>
    </div>

受制于
许可证
条件

您有

空白：nowrap设置为
span.ln
这将在内容到达其父元素末尾时停止包装。除非父对象具有
overflow:hidden设置，在这种情况下，文本将被遮挡。删除
空白：nowrap规则以允许范围换行。您还可能会遇到奇怪的布局问题，因为内部跨距是
display:inline block这意味着它们在某些内联内容中显示为块元素，您可能也希望删除它

除非跨距实际上在源中彼此相邻，否则当跨距
display:inline这是跨度元素的默认显示或
显示：内联块，因为在本例中设置了内部跨距（样式在元素的“样式”属性中可见）。使用
display:inline块消除元素之间的空间设置您需要删除源中跨距之间的空白（空格、制表符和新行）。
您有
空白：nowrap设置为
span.ln
这将在内容到达其父元素末尾时停止包装。除非父对象具有
overflow:hidden设置，在这种情况下，文本将被遮挡。删除
空白：nowrap规则以允许范围换行。您还可能会遇到奇怪的布局问题，因为内部跨距是
display:inline block这意味着它们在某些内联内容中显示为块元素，您可能也希望删除它

除非跨距实际上在源中彼此相邻，否则当跨距
display:inline这是跨度元素的默认显示或
显示：内联块，因为在本例中设置了内部跨距（样式在元素的“样式”属性中可见）。使用
display:inline块消除元素之间的空间设置您需要删除源代码中跨距之间的空白（空格、制表符和新行）。
就我个人而言，
我给父元素一个“wordwrap:break word”，并指定子span元素的宽度。
就我个人而言，这是一个适合我的东西，
我给了父元素一个“word wrap:break word”，并指定了子span元素的宽度。
我们已经按照您的说明进行了操作，但是第三行跳转到第二行，这不是预期的行为。如果我移除显示：内联块；词与词之间的区别不恰当。请你发布编辑过的源代码好吗？我希望这三个跨度应该在同一行。实际上，此文本来自我的另一个文本文档，我希望html中的外观与文本文档中的外观相同。我强烈建议不要使用内联样式，除非您喜欢维护噩梦，但我已修改您的html以使其正常工作，请删除
显示：内联块在跨距中添加一些空格，将
字间距
添加到中间部分。。。如果需要两行，则需要调整
字间距
或容器的宽度，记住人们可以在浏览器中控制文本大小，因此使用
em
比在
pt
中使用绝对大小更好。我建议不要这样做。网页是网页文本文档是文本文档。HTML网页不是静态word文档。如果要显示实际文档，请上载PDF。否则，如果要创建网页以显示文档中包含的内容，请执行此操作，但要创建网页而不是文本文档的不良副本。我们已按照您的说明进行了操作，但第三行跳转到第二行，这不是预期的行为。如果我移除显示：内联块；词与词之间的区别不恰当。请你发布编辑过的源代码好吗？我希望这三个跨度应该在同一行。实际上，此文本来自我的另一个文本文档，我希望html中的外观与文本文档中的外观相同。我强烈建议不要使用内联样式，除非您喜欢维护噩梦，但我已修改您的html以使其正常工作，请删除
显示：内联块在跨距中添加一些空格，将
字间距
添加到中间部分。。。如果需要两行，则需要调整
字间距
或容器的宽度，记住人们可以在浏览器中控制文本大小，因此使用
em
比在
pt
中使用绝对大小更好。我建议不要这样做。网页是网页文本文档是文本文档。HTML网页不是静态word文档。如果要显示实际文档，请上载PDF。否则，如果要创建网页以显示文档中包含的内容，请执行此操作，但要创建网页而不是文本文档的不良副本。是否尝试过
框大小：边框框
？但我想知道你一开始是想用这个实现什么。你用了很多补丁