`position：static`で親divに要素をセンタリング/フィル/ポジションする方法はありますか？

Question

私はChromeの拡張機能を書いています。これはウェブページから具体的にdivを見つけ出し、それぞれdivの中にボタンを追加しています。

は、今私はdivの正確な中心（垂直方向と水平方向）での私のボタンを配置したいのですが、これらのdiv sが（私はそれを正しく理解すれば、私は絶対位置を使用することはできません）デフォルトposition: staticを持っています。

他の拡張機能との互換性のために、divのpositionを設定するなど、元の要素のスタイルを変更したくありません。ボタンを配置することは可能ですか？

Answer 1

divにFlexboxを追加できますか？

div { 
    display: flex; 
    align-items: center; 
    justify-content: center; 
} 

そうでなければ、中央のみに変換し、ボタンを変更する使用することができた場合：

button { 
    position: relative; 
    top: 50%; 
    left: 50%;   
    transform: translate(-50%, -50%); 
}