框“元素”的相对位置

Question

我如何相对于 h1 进行定位？所以我有一个盒子，我设置了属性，id就像它的位置相对于它的父项，假设设置为文本对齐中心，那么可以说是h1。 然后我希望该框相对于该框并与中心对齐。如果文本设置为反向并设置为左侧，我希望它这样做。

这将bw有问题的代码：

.app__specialMenu-title h2{
    font-family: var(--font-base);
    color: var(--color-white);
    font-size: 20px;
    line-height: 83.2px;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    position:relative;
}
.app__specialMenu-title div{
    justify-content: center;
    width: 215px;
    height: 3px;
    background: var(--gradient-bar);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    flex: 2;
}

您的文字`我试图证明内容的合理性，但它并不适用。可能使用了错误的格式。对齐项目也不适用。

目前我已将 bosx 设置为该位置，但我想了解这一点。如果有办法的话

Answer 1

请以正确的方式写下您的问题，这是阅读内容

弹性

似乎您正在使用

justify-content: center;

但它只能应用于弹性容器中，

position: relative

会覆盖它，并且如果两个元素都已定位则不需要

确保在 .app__specialMenu-title 或容器中的任何元素中包含

display: flex

。

简单解决方案

如果您需要它以响应方式出现在网站上的某一点，那么您只需使用

position: absolute

并输入相对值，例如 % 或 vh 和 vw。

position: absolute
margin-left: 50vw
width: 10%

这个CSS将你的元素放在中间