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

时间:2012-09-07 04:58:02

标签: css html5

我在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>

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

有人知道如何避免这种情况吗?

感谢。

1 个答案:

答案 0 :(得分:0)

取决于HTML不应该包装的部分(我在以下示例中猜测使用<span>类的ln)使用CSS white-space属性应该做诀窍。

实施例

span.ln{
    white-space: nowrap;
}