javascript - 使用 jQuery 水平对齐文本中的图像

标签 javascript jquery html css

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

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

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

最佳答案

img周围不需要加div,css就可以了

试试这个 fiddle

只需使用display:blockmargin:auto

关于javascript - 使用 jQuery 水平对齐文本中的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12136370/

相关文章:

javascript - 在 d3js 树中的标签后添加图形

jquery - 将多个值从 View 传递到操作方法

javascript - 根据在文本框中输入的文本突出显示/选择图像

javascript - 使用 jQuery 将两个 div 合并到一个 .html 中

javascript - SlickGrid 不能删除添加的行,只能删除现有的行。我究竟做错了什么?

javascript - jQuery 验证未完全正常工作

javascript - 如何使用 HTML/CSS 划分导航栏

html - 无法将元素对齐

html - 使用 R/sendmailR 在电子邮件中内联添加 (png) 图像

javascript - 在javaScript中访问不可访问的向后目录