任何方法來居中/填充/定位一個元素的父div與`position：static`？

-1

我正在寫一個Chrome擴展，它從網頁中找到一些特定的div，並在每個div中添加一個按鈕。任何方法來居中/填充/定位一個元素的父div與`position：static`？

現在我想在正中心的div的（垂直和水平方向）來定位我的按鈕，但這些div■找默認position: static（這意味着我不能使用絕對定位，如果我理解正確的話）。

爲了與其他擴展兼容，我不想修改原始元素的樣式（例如設置這些div的position）。那麼可以定位我的按鈕嗎？

2017-04-11 yzn-pku

你的理解是錯誤的，位置：絕對會工作得很好。 – Rob

@Rob，我做了一個[jsfiddle]（https://jsfiddle.net/8L9y3yh6/1/），你能告訴我它是如何工作的嗎？ –

您需要在此處發佈您的標記，而不是明天可以幫助其他人免費更改或消失的第三方網站。 – Rob

您可以將Flexbox添加到div中嗎？

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

否則，如果您只能修改按鈕，使用轉變爲中心：

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

2017-04-11 20:04:58 StefanBob

我可以但我不想修改原始元素的樣式。這就是我問的原因。 –

我編輯我的答案使用變換中心按鈕 – StefanBob

嗯，不適合我。我做了一個[jsfiddle]（https://jsfiddle.net/8L9y3yh6/1/），你能告訴我它是如何工作的嗎？ –

回答