Css 使用“对齐”进行DIV时居中的图像

当DIV中的所有文本都使用Justify时，如何使图像像这样居中

-------------------
text
text
[图片]
text
text
--------------------

TEXTEX TEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXT TEXTEXTEXTEXTEXTEXTEXT。

希望它能帮助你

 <div style="text-align:center;">
   <p style="text-align:justify;">texttex text te txtetext texttex text te
   txtetexttexttex text te txtetext texttex text te       txtetext texttex text 
   te txtetext    texttex text te txtetexttexttex text te txtetext texttex
   te    txtetext</p>

 <img src="image.jpg">

   <p style="text-align:justify;" >texttex text te txtetexttexttex texttex
   text te txtetexttexttex.</p>
 </div>

texttex text te texttex text te
TXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXTEXT文本
te TXTEXT text text text text text text text text text text text
TETXTEXT文本

texttex text te texttex
text te txtexttex

您可以按如下方式进行操作

img {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: auto;
}

将HTML更改为：

<div id="image-div" style="text-align:justify;">
    text...<img src="image.jpg"/> text...
</div>

或者使用段落标记（

）并将HTML作为：

<div style="text-align:center;">
    <p style="text-align:justify;">texttex text te txtetext texttex text te txtetexttexttex text te txtetext texttex text te txtetext texttex text te txtetext texttex text te txtetexttexttex text te txtetext texttex text te txtetext</p>
    <img src="image.jpg" />
    <p style="text-align:justify;">texttex text te txtetexttexttex texttex text te txtetexttexttex.</p>
</div>

文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本

texttex text te texttex text te texttex text te texttex

你在找什么

HTML

<div class "text_img">texttex text te txtetext texttex text te txtetexttexttex text te txtetext texttex text te txtetext texttex text te txtetext texttex text te txtetexttexttex text te txtetext texttex text te txtetext
    <img src="http://www.hollywoodreporter.com/sites/default/files/2012/12/img_logo_blue.jpg">texttex text te txtetexttexttex texttex text te txtetexttexttex.</div>

---

使用p标记而不是跨度来获得所需的效果

<div style="text-align:center;">
    <p style="text-align:justify;">texttex text te txtetext texttex text te txtetexttexttex text te txtetext texttex text te txtetext texttex text te txtetext texttex text te txtetexttexttex text te txtetext texttex text te txtetext</p>
    <img src="image.jpg" />
    <p style="text-align:justify;">texttex text te txtetexttexttex texttex text te txtetexttexttex.</p>
</div>

<div class "text_img">texttex text te txtetext texttex text te txtetexttexttex text te txtetext texttex text te txtetext texttex text te txtetext texttex text te txtetexttexttex text te txtetext texttex text te txtetext
    <img src="http://www.hollywoodreporter.com/sites/default/files/2012/12/img_logo_blue.jpg">texttex text te txtetexttexttex texttex text te txtetexttexttex.</div>

.text_img {
    text-align: justify;
}
.text_img img {
    margin 0px auto;
    display: block;
}