如何获取文本显示<IMG>标签

下面让我们假设你有下面的HTML：如何获取文本显示<IMG>标签

<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标签，一个迅猛龙会吃掉你）。

任何想法？

来源

2011-03-04 Mike Christensen

为什么不使用margin-top修改位置？ – JohnP 2011-03-04 06:47:22

不能将HTMl标签内的文字包装起来吗？比如说'div'或者'p'标签？ – 2011-03-04 06:47:35

编辑过这个问题吗？当我回答时，我清楚地记得没有提及“display：block”......呃，我删除了我原来的答案。 :) – FarligOpptreden 2011-03-04 06:50:59

你可以使图像显示块和边距：0自动;

img {display:block;margin:0 auto;}

来源

2011-03-04 06:50:03 Shad

这是一个非常好的答案！ – FarligOpptreden 2011-03-04 06:53:41

不错！这看起来可以解决所有问题，而不用担心悬而未决的肉食动物疫情。 – 2011-03-04 06:56:13

我实际上不知道为什么这会起作用。这实际上是按照CSS规范而不是随机的浏览器行为，对吧？ – 2011-03-04 06:59:15

如何获取文本显示<IMG>标签

回答

相关问题