Question

我在弄清楚如何在页面上很好地使垂直滑动文本居中时遇到麻烦。以下是示例片段： http://turistickemagnetky.sk/slide/

此刻，＆符号跳来跳去以适应前面的滑动文本。我要实现的是将＆符号d锁定在页面中间，并且滑动文本应在需要时流动并围绕它展开。我很确定只有一些小的CSS更改，但是我无法弄清楚，因此我们将不胜感激。

Answer 1

使用display: flex;从.cd-intro删除边距并设置width: 100%（首先，取消设置最大宽度）。将.cd-intro设置为100％宽度并弯曲后，为其分别设置height: 100vh;和align-items: center; justify-content: center;

这实际上对我有用。我不知道这就是你要找的东西。

.cd-intro {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

Answer 2

添加此CSS：

section.cd-intro {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
}

section.cd-intro > :nth-child(1) {
    justify-self: end;
}

section.cd-intro > :nth-child(2) {
    margin: auto .25em;
}

section.cd-intro > :nth-child(3) {
    justify-self: start;
}

如何很好地使垂直滑动文本居中

2 个答案: