float:right プロパティを使用して、html や css のように、画像を右に揃えてテキストを画像の周りに折り返すことは可能ですか?
もしそうなら、どうやってこれをしますか?
画像を揃えることはできますが、テキストを折り返す方法がわかりません。テキストは動的テキストであるため、長さが大きく異なります。
どうもありがとうリック
float:right プロパティを使用して、html や css のように、画像を右に揃えてテキストを画像の周りに折り返すことは可能ですか?
もしそうなら、どうやってこれをしますか?
画像を揃えることはできますが、テキストを折り返す方法がわかりません。テキストは動的テキストであるため、長さが大きく異なります。
どうもありがとうリック
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
境界ボックスなしで画像を単純に使用できる場合もありますが、境界ボックスを使用すると、テキストが周囲を流れるようになります。