遇到 CSS 问题,但我无法弄清楚。我的图片都没有显示,但它们有工作的 url 并且 HTML 是正确的。
没有图像样式,图像类的唯一样式是:.postimg { width: 100%; }
这里的问题:
这可能有一个非常简单的解决方案,但我不知道出了什么问题..
遇到 CSS 问题,但我无法弄清楚。我的图片都没有显示,但它们有工作的 url 并且 HTML 是正确的。
没有图像样式,图像类的唯一样式是:.postimg { width: 100%; }
这里的问题:
这可能有一个非常简单的解决方案,但我不知道出了什么问题..
您没有正确的图像标签。要在 HTML 中显示图像,请使用<img>
标记。
据我所知,您只是图像标签错误。 <i>
是斜体文本;你想要<img>
的。那是,<img src="http://ruby.colorado.edu/~smyth/Research/Images/Volcanix/MtFuji02.jpg" class="postimg" />
如果您替换<i ...></i>
并使用它(如下),它应该可以工作。
<img src="http://ruby.colorado.edu/~smyth/Research/Images/Volcanix/MtFuji02.jpg" class="postimg"/>
您将图像标签用作:
<i src="http://ruby.colorado.edu/~smyth/Research/Images/Volcanix/MtFuji02.jpg" class="postimg">
这是实际错误的地方吧。
正确的做法是这样写<img...
:
<img src="http://ruby.colorado.edu/~smyth/Research/Images/Volcanix/MtFuji02.jpg" class="postimg" alt="photo" />
另外请注意,alt=""
在图像中使用是必要的,如果图像由于某些问题没有加载,用户将看到关于该图像的文本。