如何在屏幕底部添加文本？

<style>
    .bottom-text {
        position: fixed;
        bottom: 0;
        width: 100%;
        text-align: center;
    }
</style>

<div class="bottom-text">
    这是位于屏幕底部的文本内容。
</div>

<style>
    body {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        margin: 0;
    }

    .bottom-text {
        margin-top: auto;
        text-align: center;
    }
</style>

<div class="bottom-text">
    这是位于屏幕底部的文本内容。
</div>