2010-01-18 2 views
2

s возможно выравнивание изображения вправо и обтекание текста вокруг изображения, как в html и css, с использованием свойства float: right?рубиновая креветка, как обернуть текст вокруг выровненного правильного изображения?

Если да, то как вы это делаете?

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

Большое спасибо Rick

+0

Ричард, вы задали восемь вопросов и еще не приняли никаких ответов. Если ответ вам помог, пожалуйста, нажмите на галочку слева под количеством голосов, полученных от ответа. Благодаря! –

+0

John, я принял некоторые ответы, которые мне помогли, не знал, что я должен был это сделать. Cheers rick –

+0

Выберите принятый ответ, если это был ответ на ваш вопрос, а не если он просто указал вам в правильном направлении. В этом случае вы можете самостоятельно отправить ответ и выбрать его в качестве принятого ответа. – Yolgie

ответ

1

Одно из предложений заключается в попытке вложенных коробок ограничительные. Основной ограничивающий прямоугольник будет содержать текст внутри него. в какой-то момент еще один ограничивающий прямоугольник для изображения. Что-то вдоль линий

bounding_box([x,y], :width => bounds.width, :height => 400) do 
    text "blah" 
    text "blah" 
    # image 
    bounding_box([bounds.right - image_width, 0], :width => image_width) do 
      image("path_to_file", :at => [0,0], :width => bounds) 
    text "more blah" 


end 

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

+0

спасибо alot Грант, я попробую это и дам вам знать –

+0

, по крайней мере, для меня это не сработало ... текст по-прежнему был написан поверх изображения – Yolgie