css - 放大或缩小时页面结构发生变化

Question

我在我的 sample.html 文件中创建了以下示例代码 -

<div Class="Frame" Style="left:20.1637500000001pt; top:730.2pt; width:348.1125pt; height:70.8pt; position:absolute; background-color:transparent;">
          <p Style="text-align:justify; text-align-last:left">
            <span Style="height:9.384765625pt; width:348.1125pt;" class="ln">
              <span Style="font-size:10pt; font-family:F0; letter-spacing:0em; color:rgb(0,0,0)">Lendellaborum ipsum quiae quaeculpa voleseque elluptat. Latur moluptatiunt eicilit et ut aut quis</span>
            </span>
          </p>
</div>

当我在浏览器中打开它然后放大或缩小时；最后几句话中的一些被移到下一行。

有谁知道如何避免这种情况？

谢谢。

Answer 1

根据不应该包装的 HTML 的哪一部分（我在下面的示例中猜测<span>使用ln类），使用 CSSwhite-space属性应该可以解决问题。

例子

span.ln{
    white-space: nowrap;
}