0

記事を含む div があります。つまり、テキストと画像が含まれている可能性があります。このようなもの：

Blah Blah Blah Blah    Blah Blah Blah Blah    Blah Blah Blah Blah
Blah Blah Blah Blah    Blah Blah Blah Blah    Blah Blah Blah Blah
Blah Blah Blah Blah    Blah Blah Blah Blah.
{IMAGE}
Blah Blah Blah Blah    Blah Blah Blah Blah    Blah Blah Blah Blah
Blah Blah Blah Blah    Blah Blah Blah Blah    Blah Blah Blah Blah.
{IMAGE}
Blah Blah Blah Blah    Blah Blah Blah Blah.

そのため、すべての画像が div で囲まれているとは限りません。

しかし、jQueryで画像を水平方向に中央揃えにしたい。私の考えは、特定のクラスを持つすべての画像 (jQuery を使用) の周りに div を作成することです。

しかし、jQueryでそれを行う方法がわかりません。

どうやってするか？または何か良い方法はありますか?

編集:コンテンツは別の Web サイトのフィードからダウンロードされます。そして、画像を水平方向に中央に揃えたいと思います。

4

4 に答える 4

2

cssでのみ実行できるimgの周りにdivを追加する必要はありません

このフィドルを試してください

使用するだけdisplay:blockでmargin:auto

于 2012-08-27T05:04:22.300 に答える
1

次のようなことができます：

あなたの場合：

$('.test').append($('#image1'));

jquery では、 wrapメソッド も使用できます: http://api.jquery.com/wrap/

例: $('img').wrap(' <div class="test"></div>');

于 2012-08-27T05:03:08.057 に答える
1

<img>すべてのタグをラップする jQuery <div class="imageclass">:

$('img').wrap('<div class="imageclass" />');

を中央に配置する CSS <div>:

.imageclass { margin: 0 auto; }
于 2012-08-27T05:07:13.680 に答える
0

あなたのhtmlはこのようなものですか？

<div id="container">
    <div id="column1">
        article text article text
        <img />
        article text article text
    </div>
    <div id="column2">
        article text article text
        <img />
        article text article text
    </div>
    <div id="column3">
        article text with no image
        article text with no image
        article text article text
    </div>
</div>
于 2012-08-27T05:02:08.260 に答える