html - 仅当它有自己的行时，img 才居中

Question

我希望为此提供一个纯 CSS 解决方案：

我有带有<img>元素的文本。这些图像可以单独排成一行，也可以嵌入文本行的中间。位于各自行上的图像应居中。但是中间文本图像应该保持原样，文本就在它的左/右。

出于自动化目的，这两种情况必须具有相同的 css 样式。文本不得以任何方式设置样式，也不得包含在任何元素中。例子：

In the middle <img src="tiny_ant.jpg"> of the text. Whereas the following is

                       <img src="huge_elephant.jpg">

centered on its own row.

这怎么可能发生？

谢谢！

标签： htmlcssimage