我正在开发一个在线内容编辑器。一切正常,突然间,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>