【Tailwind CSS】当页面内容过少,怎样让footer保持在屏幕底部?

footer通常写版权信息等,显示在页面底部。如果页面内容过少,则footer会出现在屏幕中间位置,很尴尬。在 Tailwind 中,你可以使用flex来实现footer保持在屏幕或页面底部。

代码:

用flex包裹全部页面内容,footer设置类名:mt-auto 即可。

参考:playground

你可能感兴趣的:(Tailwind,css,css,前端,javascript,tailwind)