DIV使用对齐时的中心图像
DIV使用对齐时的中心图像
提问于 2013-11-19 09:45:46
当DIV中的所有文本都使用对齐时，如何使图像以这样的方式为中心？
文本
文本
相对应的图像
文本
文本
<div 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 <img src="image.jpg"> texttex text te txtetexttexttex texttex text te txtetexttexttex.
</div>回答 4
Stack Overflow用户
回答已采纳
发布于 2013-11-19 09:48:49
你可以按下面的方式做。
img {
display: block;
margin: 0 auto;
text-align: center;
width: auto;
}工作演示
Stack Overflow用户
发布于 2013-11-19 09:48:27
希望它能帮到你
<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>Stack Overflow用户
发布于 2013-11-19 09:49:41
将HTML更改为：
<div id="image-div" style="text-align:justify;">
text...<img src="image.jpg"/> text...
</div>然后在CSS中添加如下内容：
#image-div img{
display:block;
margin:0 auto;
}演示
或者使用段落标记(<p>)并将您的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>演示
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20068089
复制相关文章
相似问题
腾讯云开发者
