Как остановить большие шрифты от выхода из div?

Я работаю над онлайн-редактором контента. Все отлично работало, и внезапно большие шрифты начали обрезаться в верхней части div. Раньше было то, что фактическая точка вставки в div немного уменьшалась по мере увеличения шрифта. Теперь он остается фиксированным по мере того, как шрифт становится больше. Вот css для contentDiv.Как остановить большие шрифты от выхода из div?

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

.textMove { 
border:1px transparent dashed; 
} 

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

Класс парения является то, что производит пунктирная линия на этом изображении:

enter image description here

Очевидно, что еще что-то в моем CSS куда-то пошло не так. Может ли кто-нибудь помочь мне определить, что может вызвать это? Я могу проследить с помощью инструментов редактирования, но я понятия не имею, что искать. Мне нужно знать, что может вызвать обрезку больших шрифтов.

BTW, я знаю, что переполнение: видимый будет показывать текст, но я хочу, чтобы он содержался внутри коробки.

Большое спасибо за вашу всегда прилежную помощь.

EDIT: Реальная форма 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>

источник

2013-09-28 Doug Wolfgram

Непонятно, как вы позиционируете этот элемент. Пожалуйста, предоставьте нам DOM и рекомендуется http://jsfiddle.net – Itay

js скрипка не поможет, потому что в простой форме это работает нормально. Это очень сложный многослойный слайд (думаю, PowerPoint для Интернета), поэтому есть главное окно, затем стадия, а затем держатель слайдов div, содержащий все элементы. Я добавил фактический css для этой части выше ... –

думаю, что его абсолютное позиционирование вы установили. Попробуйте верхнюю обивку

источник

2013-09-28 19:23:03

У меня всегда было абсолютное позиционирование. Вот как я могу перетащить его и сохранить его координаты. Заполнение работает, но я не могу наложить на 50 пикселей. И, как я уже сказал, он работал без заполнения. По мере увеличения шрифта я мог видеть, что точка вставки перемещается вниз в div редактирования (contentEditable div). –

НАЙДЕНО! Я установил глобальное значение высоты линии и никогда не превышал его. Уф! Спасибо, парни.

источник

2013-09-28 20:36:28

Вы не можете принять свой собственный ответ? – avrahamcool

Nope. Поэтому я принял еще один, который заставил меня на правильном пути. :) –

Как остановить большие шрифты от выхода из div?

ответ

Смежные вопросы