gpt4 book ai didi

html - 如何使用 'aside' 标签使垂直图像居中?

转载 作者:太空宇宙 更新时间:2023-11-04 12:25:54 26 4
gpt4 key购买 nike

对于一项学校作业,我需要在我的 HTML 列表中有一个“aside”标签。我为此选择了一张图片,但现在该图片位于网站其余部分的上方。我希望它居中。我的洞网站是居中的,所以我在两边都有一个白色的垂直空间,我想用'aside'放置一个垂直图像。我刚开始学习 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]

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

最佳答案

垂直居中?然后做:

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

关于html - 如何使用 'aside' 标签使垂直图像居中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28013789/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com