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 中做到这一点。

怎么做？或者有没有更好的方法？

编辑：内容是从另一个网站的提要下载的。我想水平对齐图像中心。

4

4 回答 4

2

无需在 img 周围添加 div 只能通过 css 完成

试试这个小提琴

只需使用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

用jQuery 包装所有<img>标签<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 回答