.footer-text { position: absolute; bottom: 0; }
上面的代码使用了绝对定位,让文本框的位置相对于其父级元素进行绝对定位,然后设置 bottom 属性为 0,表示与父元素底部对齐。这样就可以使文本框在窗口底部进行对齐了。
需要注意的是,如果文本内容过多,超出文本框的限制,该方法就无法生效了。此时可以使用 CSS 中的 overflow 属性来设置滚动条。
.footer-text { position: absolute; bottom: 0; overflow: auto; }
上面的代码增加了 overflow 属性,当文本框内文本内容超出限制时,会自动生成滚动条,而不会影响布局。
以上就是使用 CSS 实现文本在屏幕底部对齐的方法。需要根据实际情况来选择使用哪种方式实现,达到最好的效果。