假设您有以下HTML:
<html>
<div style="text-align: center;">
<img src="http://www.ps.uci.edu/~tomba/ants/sugar.jpg" width="50" height="37" />
This is some centered text blah blah blah and blah
</div>
</html>
现在您希望文本显示在图像下方而不是右侧.让我们说一些奇怪的原因你不能改变HTML,只能改变CSS文件.您可以做的一件事是将"display:block"样式添加到<img>标记中,但是如果这样做,图像将不再以您需要的div为中心.
如果我可以修改HTML,我可以<br />在图像后面放一个(虽然有些人说如果使用过多的br标签,速龙会吃掉你).
有任何想法吗？
你可以使图像显示块和边距:0自动;
img {display:block;margin:0 auto;}