在网页设计中,有时我们需要将文本显示在底部,比如页脚信息、版权声明等。那么该如何实现呢?CSS为我们提供了多种方式。一、使用绝对定位我们可以给文本所在的容器设置position为relative,将文
<style> .container { position: relative; height: 200px; padding: 20px; } .footer { position: absolute; bottom: 0; left: 0; right: 0; color: #666; } </style> <div class="container"> <p>这是一个容器</p> <p class="footer">这是底部文本</p> </div>
<style> .container { display: flex; flex-direction: column; justify-content: space-between; height: 200px; padding: 20px; } .footer { align-self: flex-end; color: #666; } </style> <div class="container"> <p>这是一个容器</p> <p class="footer">这是底部文本</p> </div>
粉丝
0
关注
0
收藏
0