#css #css-float
#css #css-float
Вопрос:
Я хочу переместить форматированный блок текста, чтобы он был расположен так, чтобы он совпадал с первым и вторым абзацами текста в документе.
Я хочу, чтобы блок перемещался таким образом, чтобы первые 2-3 предложения параграфа 1 обтекали верхнюю и левую стороны плавающего поля.
Кроме того, я хочу, чтобы блок перемещался таким образом, чтобы он заставлял пункт 2 обтекать левую и нижнюю стороны плавающего поля.
Я понимаю, что все имеет отношение к объему содержимого в параграфах 1 и 2 вместе с плавающим полем.
Я знаю, как переместить поле с пунктом 1 или пунктом 2, но я хочу иметь возможность расположить поле с плавающей точкой так, чтобы оба абзаца обтекали поле с плавающей точкой.
Кто-нибудь делал это раньше?
Комментарии:
1. Это почти так, как если бы вам нужно было перемещать его с помощью «фантомного» верхнего поля или прозрачного верхнего поля. Я думаю, что для этого есть какой-то аккуратный css-трюк … надеюсь, кто-то делал это раньше. Спасибо за вашу помощь.
2. Не могли бы вы загрузить изображение того, чего вы пытаетесь достичь? Я заблудился со всеми словами xD
3. Изображение было бы большим подспорьем. Не совсем понял вас.
4. Да, я подумал об этом, когда печатал… картинки рисуют тысячи слов — bit.ly/uIaQou
5. Опять же, я могу справиться со всем форматированием… это просто позиционирование плавающего контейнера, с которым мне нужна помощь. Спасибо
Ответ №1:
помогает ли это http://jsfiddle.net/uusTK / ?? Если разделение текста в порядке:
http://jsfiddle.net/GymnK/1/
Комментарии:
1. Скрипка @Dr. DOT sasidhar — это правильный путь. НО, чтобы текст обтекал поле, вы должны поместить этот интервал в середину текста, который вы хотите разделить. Вот так: jsfiddle.net/uusTK/2 Это работает для вас?
2. @Dr.DOT так что (комментарий utopicam) является вашим предполагаемым результатом?? В то время как вы не хотите разделять свой текст, верно??
3. Спасибо @sasidhar … настройка «utopicam» в рамках, которые вы изложили, — это абсолютно то решение, которое я искал. Спасибо за действительно аккуратный CSS!!
4. Теперь я не могу перестать удивляться этому призрачному волшебному css-трюку! Я уверен, что есть много вариантов сделать это более «эффективным» способом. Я рассмотрю это: D @sasidhar да, это не лучший вариант, особенно если у вас динамический текст. Но если у вас статическая страница, содержимое которой не изменится слишком сильно…
5. Разве это не противоречит смыслу переноса слов??? Перенос должен выполняться, когда это возможно, но не предопределенным и статическим образом?? И положение форматированного поля кажется статичным и фиксированным в этом месте. Правильное ли это решение?? Я не удовлетворен ..??