【问题标题】:How to center a vertical image using the 'aside' tag?如何使用'aside'标签使垂直图像居中?
【发布时间】:2015-03-16 19:38:52
【问题描述】:

对于学校作业,我需要在我的 HTML 列表中有一个“旁白”标签。我为此选择了一张图片,但现在该图片位于网站其余部分的上方。我希望它居中。我的洞网站是居中的,所以我在两边都有一个白色的垂直空间,我想使用“旁边”放置一个垂直图像。我刚开始学习 HTML 和 CSS,所以我在这方面不是很好。这是我到目前为止所拥有的:
HTML:

<aside> 
<img id="aside" src="images/aside4.jpg" alt="aside"/> 
</aside>

CSS:

#aside {
vertical-align: text-top;}

这是我看到的:[IMG]http://i59.tinypic.com/x24hp4.png[/IMG]

对不起,如果没有意义,我真的不知道如何将代码放在这里(我也是荷兰人,很抱歉我的语言不好)。

【问题讨论】:

标签: html css image center


【解决方案1】:

垂直居中?然后做:

#aside{
   display: inline-block;
   vertical-align: middle;
}

【讨论】:

猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-10-06
  • 2014-01-16
  • 1970-01-01
  • 2011-10-06
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多