0

画像 (およびキャプション) を保持する div タグの配列があります。

配列

1 <div style="padding:5px;border:solid black 1px;width:320"><img src="http://local/photos/3645/thumb/320/tj3645_070206_134731_160020_tn320.JPG" id="tnImg160020_320"></div>
2 <div style="padding:5px;border:solid black 1px;width:490"><img src="http://local/photos/3645/thumb/490/tj3645_060406_025416_151917_tn490.JPG" id="tnImg151917_490"></div>
3 <div style="padding:5px;border:solid black 1px;width:170"><img src="http://local/photos/3645/thumb/170/tj3645_061006_042104_153889_tn170.JPG" id="tnImg153889_170"></div>

次に、記事のテキストを含む変数があります。画像の配列は、データベースの設定からオンザフライで生成されます。計画は、ユーザーが画像を配置したい場所 (上、右、左、下、中央など) を決定できるようにすることです。

私の質問は、これらの画像の周りにテキストをラップする最良の方法は何ですか? 現在、コンテンツ全体がメイン コンテナ div 内にラップされています。

<div id="mainDiv"><div>Images1<div><div>Images2<div><div>Images3<div> Text</div>

ありがとう！

4

1 に答える 1

2

JavaScriptを使用せずにそれを行う方法は実際にはありません。

JavaScriptを使用しない例については、このJsFiddleをご覧ください。私が目にする主な問題は、下の画像の間にテキストが折り返されないことです。これがあなたがやりたいことに近い場合は、私に知らせてください。もう少し作業を試みます。乾杯！

于 2012-06-15T21:57:05.000 に答える