Question

我可以想出几种方法来解决这个问题，但我的问题是，如果我错过了一种本地化的方法。

我的页面上有一个页脚。我想显示一些在页脚中右对齐的文本。但我也希望文本中心垂直对齐。

直接的想法是为元素添加一些填充，但是如果我决定稍后调整页脚可以破坏设计。还有一些其他CSS方法不使用本机Flexgrid选项。

另一个想法是将div放在div中（例如，任何元素），然后将第一个 align-content：center 放在第一个和 align-content：flex中心 - 结束内部的一个。哪个有效，但有点乱。

我想知道的是，如果我可以原生地告诉Flexgrid将内容水平对齐并垂直居中？

Answer 1

有一项名为Flexbox的CSS功能：

Here is a tutorial

您的代码看起来像这样

.div-parent-element {

    display: flex; /* Make it flexbox */
    justify-content: flex-end; /* Align Right */
    align-items: center; /* Center Vertically */

}

.div-parent-element是您的文字包含在

中的内容

CSS Grid - 我可以水平对齐内容，但是垂直居中吗？

1 个答案: