在顶部导航和页脚之间居中显示图像,可以通过以下步骤实现:
<div class="container">
<nav>导航内容</nav>
<img src="your-image.jpg" alt="图像描述">
<footer>页脚内容</footer>
</div>
.container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
img {
width: 200px;
height: 200px;
margin: 20px 0;
}
这样,图像就会在顶部导航和页脚之间居中显示。你可以根据需要调整图像的宽度、高度和间距。
腾讯云相关产品和产品介绍链接地址: