Как заменить текст, не заставляя следующий контент «прыгать»? - PullRequest
1 голос
/ 03 апреля 2011

У меня есть веб-страница, а в середине - абзац текста.Я хочу заменить текст, когда пользователь наводит курсор на изображение, но я не хочу, чтобы страница, казалось, прыгала, и есть несколько возможных текстов - различной длины.

Я предполагаю, что этоозначает, что мне нужно зарезервировать фиксированный размер для текста, но какой?

Текстов не так много, только несколько, поэтому мне не нужно писать какой-либо код для определения размера наибольшего, я могу сделать это вручную.Но что является хорошим контейнером для текста, так как его замена не делает содержимое страницы после скачка вверх или вниз из-за разницы в длине старого и нового текста?

Ответы [ 3 ]

3 голосов
/ 03 апреля 2011

Как насчет размещения полосы прокрутки, если текст длиннее и оставить пустое место, если он короче?

2 голосов
/ 03 апреля 2011

этот абзац может быть в div с атрибутом overflow: hidden; и установить ширину и высоту

1 голос
/ 03 апреля 2011

Вместо замены текста, почему бы не иметь оверлейный div?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...