假设您有以下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 :(得分：6)
您可以使图像显示块和边距：0自动;
img {display:block;margin:0 auto;}