私は、水平に別の要素の中央に配置する必要がある要素を持っています。中心要素のCSSは、(私はuneccesaryコードを削除した)そうです:別の要素を基準にした要素の中心合わせ
#center-element{
display: flex;
flex-direction: column;
align-items: stretch;
position: absolute;
}
私はバニラのJSを使用して、そうしなければなりません。私は試しました:
var targetPos = target.getBoundingClientRect();
centerDiv.style.top = (targetPos.top + targetPos.height) + "px";
centerDiv.style.left = (targetPos.left + (targetPos.width/2)) + "px";
しかし、それはオフです。何か案は?
...なぜちょうど両方のdiv要素に同じスタイルを与えていませんか?あなたが必要とするのは、幅:75%、テキストアライメント:両方の中心です。 –
はい、私のコード(ここではありません)ではテキストではありません。 – MasterBob
誤解を招くような例では役立たないが、display:inline-blockとmargin:0 auto;を試すことができます。あなたが中心に置いてくれる画像または要素の上に –