我正在开发一个在线内容编辑器。一切都工作正常,突然,大字体开始被裁剪在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>
答案 0 :(得分:4)
发现它!我设置了全局行高值并且永远不会超过它。呼!多谢你们。
答案 1 :(得分:1)
认为它是你设定的绝对定位。尝试一些顶部填充