如何使動態內容的div居中

-2

<div> 
    <button>First button</button> 
    <button>Dynamically appear button</button> 
<div>

我有一個div，我想在兩種情況下居中，當它有一個按鈕，並且它有2個按鈕時。有沒有辦法做到這一點？如何使動態內容的div居中

我創建了一個搗鼓它 http://fiddle.jshell.net/frqo0rsy/ 我想希望我顯示按鈕這兩個按鈕將在下對方也居中。我希望現在更多地理解它。

2015-10-03 barak

你想中心的div和它的內容相對於身體或中心div的內容div的中心？ –

@Arber Braja沒關係。我只是添加了一個小提琴，所以它可以更清楚 – barak

https://css-tricks.com/centering-css-complete-guide/ – 0x860111

將要設爲中心的元素視爲inline或inline-block元素，並在父元素上設置text-align: center。

button { 
    display: inline-block; 
} 

div { 
    text-align: center; 
}

已更新您的jsfiddle。

還有其他方法可以做到這一點，這取決於你想要達到的目標; this問題的答案可能會對您有所幫助。

2015-10-03 23:08:34 grim

謝謝@grim，但我希望div是一個又一個。我不知道在這種情況下是否可能導致我不應該把任何寬度的容器div。 – barak

@barak你的意思是這樣的：http：//fiddle.jshell.net/frqo0rsy/3/？ – grim

@barak或者可能只是用'div'或其他任何'block'元素來包裝你想要的元素，如下所示：http://fiddle.jshell.net/frqo0rsy/4/ – grim

回答