【问题标题】:Sticky header and footer while vertical-aligning content to center粘性页眉和页脚,同时将内容垂直对齐到中心
【发布时间】:2016-01-17 11:24:39
【问题描述】:

我正在尝试从here 实现粘性页眉和页脚的解决方案,并从here 垂直居中内容。

但是我无法使内容居中。

Here是我的实验。

我应该改用简单的表格吗?

【问题讨论】:

    标签: html css header footer vertical-alignment


    【解决方案1】:

    您可以使用“calc”和“Flexbox”而不是使用表格来实现它。但它可能需要一些 css 技能,因为 flex-box 是相当新的。

    查看此链接 - http://liveweave.com/5a83eG

    由于我是 stackoverflow 的新手,我不能发布超过 2 个链接。我想您可能会在 Google 上搜索有关“calc”和“flexbox”的更多详细信息。

    【讨论】:

    • 你知道哪些主流浏览器不支持这个吗?
    • 嗨,据我所知,只有旧版本的 IE 不支持 flexbox。您可以在此处检查 flexbox 兼容性 - caniuse.com/#feat=flexbox
    • 很好的答案。谢谢。
    猜你喜欢
    • 2018-02-13
    • 1970-01-01
    • 1970-01-01
    • 2023-03-27
    • 1970-01-01
    • 2019-07-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多