4

我正在开发一个在线内容编辑器。一切正常,突然间,div 顶部开始裁剪大字体。过去发生的情况是,随着字体变大,div 中的实际插入点略微向下移动。现在,随着字体变大,它保持不变。这是 contentDiv 的 css。

.textObject { 
position:absolute; 
white-space:normal;
overflow:hidden;
}

.textMove {
border:1px transparent dashed;
}

.textMove:hover { 
cursor:move;
border:1px #999999 dashed; 
}

悬停类是在此图像中产生虚线的原因:

在此处输入图像描述

显然,我的 css 中某处的其他东西出了问题。有人可以帮我确定可能导致这种情况的原因吗?我可以使用编辑工具进行追踪,但我不知道要查找什么。我需要知道什么会导致像这样裁剪大字体。

顺便说一句,我知道溢出:可见将显示文本,但我希望它包含在框中。

非常感谢您一直以来的热心帮助。

编辑:实际的 CSS 形成这部分代码(渲染)

<div id="slideHolder59" style="position: absolute; left: 0px; top: 0px; overflow: hidden;">
<div id="stageLayer59" class="stageLayer" style="position: relative; top: 0px; left: 0px; width: 960px; height: 640px;"></div>
<div id="slayer11" class="setObject setMove ui-draggable ui-resizable ui-resizable-autohide" style="top: 489px; left: 696px; width: 200px; height: 84px; cursor: move;"></div>
<div id="tlayer65" class="textObject textMove ui-draggable ui-resizable ui-resizable-autohide" style="left: 101px; top: 79px; width: 532px; height: 111px; color: rgb(255, 255, 255); font-family: Lato; font-size: 97px; font-weight: normal; text-decoration: none; font-style: normal; text-align: left; opacity: 1; cursor: move;"></div>
</div>
4

2 回答 2

4

找到了!我已经设置了全局 line-height 值并且从未覆盖它。哇!多谢你们。

于 2013-09-28T20:36:28.117 回答
1

认为它是您设置的绝对定位。尝试一些顶部填充

于 2013-09-28T19:23:03.977 回答