,可以通过CSS样式来实现。以下是一个示例的HTML和CSS代码:
HTML代码:
<div class="container">
<img src="path/to/image.jpg" alt="照片" class="centered-image">
<p class="aligned-text">这是一段文本。</p>
</div>
CSS代码:
.container {
position: relative;
}
.centered-image {
display: block;
margin: 0 auto;
}
.aligned-text {
position: absolute;
bottom: 0;
left: 0;
}
解释:
这样,文本与页面左下角对齐,而居中的全高照片位于同一个Div中。
领取专属 10元无门槛券
手把手带您无忧上云